基于node搭建服务器,写接口,调接口,跨域的实例


Posted in Javascript onMay 13, 2018

刚开始学node,今天做这个也是累死宝宝了,以后可以自己写接口自己用了,再也不用麻烦人家后台人员了,这些年我们欠他们的太多了,说多了都是泪,不多说,往下看吧。。。

服务端项目目录下:

1、npm init 创建package.json文件;

2、创建一个app.js文件,下面的标注都有了,简单的写了一个接口,下面会用,对跨域访问做了设置

var express=require('express');
var app =express();
//设置跨域访问
app.all('*', function(req, res, next) {
 res.header("Access-Control-Allow-Origin", "*");
 res.header("Access-Control-Allow-Headers", "X-Requested-With");
 res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
 res.header("X-Powered-By",' 3.2.1');
 res.header("Content-Type", "application/json;charset=utf-8");
 next();
});
var questions=[
{
data:213,
num:444,
age:12
},
{
data:456,
num:678,
age:13
}];
//写个接口123
app.get('/123',function(req,res){
res.status(200),
res.json(questions)
});
//配置服务端口
var server = app.listen(3000, function () {
var host = server.address().address;
 var port = server.address().port;
 console.log('Example app listening at http://%s:%s', host, port);
})

3、接下来该安装 express 框架了吧,因为我们上面用到了,直接安装并写入依赖里。

npm install express --save

项目目录下:

1、随便创建一个 index.html 文件,做一个ajax 的get请求看看,url就是我们刚创建的服务端的接口地址。

$.ajax({
type:'get',
url:'http://localhost:3000/123',
success:function(data){
console.log(data);
},
error:function(){
console.log('error');
}
})

2、看下面的图可以知道我们已经请求到数据了,拿到的数据就随便你处置了。

基于node搭建服务器,写接口,调接口,跨域的实例

后面继续学习中。。。。

相关的文档 http://www.expressjs.com.cn/

以上这篇基于node搭建服务器,写接口,调接口,跨域的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
基于jquery & json的省市区联动代码
Jun 26 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
javascript使用中为什么10..toString()正常而10.toString()出错呢
Jan 11 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
Jan 27 Javascript
全面解析Bootstrap表单样式的使用
Sep 09 Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 Javascript
js 用于检测类数组对象的函数方法
May 02 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
Jul 03 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
JS实现碰撞检测效果
Mar 12 Javascript
深入理解js 中async 函数的含义和用法
May 13 #Javascript
如何更好的编写js async函数
May 13 #Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 #jQuery
在angular 6中使用 less 的实例代码
May 13 #Javascript
深入理解JS的事件绑定、事件流模型
May 13 #Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
May 13 #Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 #Javascript
You might like
基于文本的访客签到簿
2006/10/09 PHP
杏林同学录(九)
2006/10/09 PHP
浅析PHP微信支付通知的处理方式
2014/05/25 PHP
PHP的引用详解
2015/02/22 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
深入分析PHP设计模式
2020/06/15 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
js获取提交的字符串的字节数
2009/02/09 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
不用一句js代码初始化组件
2016/01/27 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
2016/03/22 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
2016/10/26 Javascript
AngularJS中的Promise详细介绍及实例代码
2016/12/13 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
浅谈angular2子组件的事件传递(任意组件事件传递)
2018/09/30 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
vue+element 模态框表格形式的可编辑表单实现
2019/06/07 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
[05:15]2018年度CS GO社区贡献奖-完美盛典
2018/12/16 DOTA
Python解析xml中dom元素的方法
2015/03/12 Python
Python 多线程抓取图片效率对比
2016/02/27 Python
python基于twisted框架编写简单聊天室
2018/01/02 Python
python-opencv颜色提取分割方法
2018/12/08 Python
PyCharm安装Markdown插件的两种方法
2019/06/24 Python
django认证系统 Authentication使用详解
2019/07/22 Python
Canvas波浪花环的示例代码
2020/08/21 HTML / CSS
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
RealTek面试题
2016/06/28 面试题
垃圾桶标语
2014/06/24 职场文书
比赛主持人开场白
2015/05/29 职场文书
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers