基于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 相关文章推荐
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
js传值后台中文出现乱码的解决方法
Jun 30 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
Vue.js实现移动端短信验证码功能
Mar 29 Javascript
js获取一组日期中最近连续的天数
May 25 Javascript
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
layui多iframe页面控制定时器运行的方法
Sep 05 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 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
MySql中正则表达式的使用方法描述
2008/07/30 PHP
Cannot modify header information错误解决方法
2008/10/08 PHP
php的memcached客户端memcached
2011/06/14 PHP
ThinkPHP模板输出display用法分析
2014/11/26 PHP
javascript静态的url如何传递
2007/05/03 Javascript
JavaScript判断变量是否为undefined的两种写法区别
2013/12/04 Javascript
javascript常见用法总结
2014/05/22 Javascript
实例讲解JQuery中this和$(this)区别
2014/12/08 Javascript
学习javascript的闭包,原型,和匿名函数之旅
2015/10/18 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
jquery解析XML及获取XML节点名称的实现代码
2016/05/18 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
phantomjs导出html到pdf的方法总结
2017/10/19 Javascript
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
node实现爬虫的几种简易方式
2019/08/22 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
小程序实现图片移动缩放效果
2020/05/26 Javascript
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
python机器学习之神经网络(二)
2017/12/20 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
python实现俄罗斯方块游戏(改进版)
2020/03/13 Python
Python用5行代码实现批量抠图的示例代码
2020/04/14 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
python RSA加密的示例
2020/12/09 Python
Web时代变迁及html5与html4的区别
2016/01/06 HTML / CSS
美国在线精品家居网站:Burke Decor
2017/04/12 全球购物
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
欧洲当代手工玻璃和瓷器的领先品牌:LSA International
2018/06/03 全球购物
美国家居用品和厨具购物网站:DealsDot
2019/10/07 全球购物
大学军训口号大全
2015/12/24 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
工程移交协议书
2016/03/24 职场文书
springboot中rabbitmq实现消息可靠性机制详解
2021/09/25 Java/Android
【TED出品】天梯非主流开心游1700 划水骑士
2022/03/31 魔兽争霸
Win11 21h2可以升级22h2吗?看看你的电脑符不符合要求
2022/07/07 数码科技