基于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 一些用法小结
Sep 11 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
js实现简单的省市县三级联动效果实例
Feb 18 Javascript
Document.body.scrollTop的值总为零的快速解决办法
Jun 09 Javascript
Vuejs第十三篇之组件——杂项
Sep 09 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
js实现显示手机号码效果
Mar 09 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
bootstrap3-dialog-master模态框使用详解
Aug 22 Javascript
微信小程序云开发 搭建一个管理小程序
May 17 Javascript
微信小程序点餐系统开发常见问题汇总
Aug 06 Javascript
vue的滚动条插件实现代码
Sep 07 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
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
图片连续滚动代码[兼容IE/firefox]
2009/06/11 Javascript
jquery 应用代码 方便的排序功能
2010/02/06 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
JS判断两个时间大小的示例代码
2014/01/28 Javascript
jQuery判断浏览器并动态调整select宽度的方法
2016/03/02 Javascript
JS功能代码集锦
2016/05/04 Javascript
jQuery+pjax简单示例汇总
2017/04/21 jQuery
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
npm的lock机制解析
2019/06/20 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
浅谈终端直接执行py文件,不需要python命令
2017/01/23 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
Python设计模式之原型模式实例详解
2019/01/18 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
python读取与处理netcdf数据方式
2020/02/14 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
解决TensorFlow程序无限制占用GPU的方法
2020/06/30 Python
时尚的CSS3进度条效果
2012/02/22 HTML / CSS
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
会计工作决心书
2014/03/11 职场文书
服务口号大全
2014/06/11 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
授权委托书样本
2014/09/25 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
高二化学教学反思
2016/02/22 职场文书
图解上海144收音机
2021/04/22 无线电
Python中zipfile压缩包模块的使用
2021/05/14 Python
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python