基于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 相关文章推荐
Locate a File Using a File Open Dialog Box
Jun 18 Javascript
JavaScript经典效果集锦
Jul 06 Javascript
jquery blockUI 遮罩不能消失与不能提交的解决方法
Sep 17 Javascript
使用jquery mobile做幻灯播放效果实现步骤
Jan 04 Javascript
js弹出模式对话框,并接收回传值的方法
Mar 12 Javascript
Javascript 垃圾收集机制介绍理解
May 14 Javascript
jquery 为a标签绑定click事件示例代码
Jun 23 Javascript
jquery简单实现网页层的展开与收缩效果
Aug 07 Javascript
jquery——九宫格大转盘抽奖实例
Jan 16 Javascript
AngularJS路由实现页面跳转实例
Mar 03 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
JavaScript面向对象中接口实现方法详解
Jul 24 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
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
Laravel自定义 封装便捷返回Json数据格式的引用方法
2019/09/29 PHP
如何判断图片地址是否失效
2007/02/02 Javascript
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
js封装的textarea操作方法集合(兼容很好)
2010/11/16 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
使用jquery获取网页中图片高度的两种方法
2013/09/26 Javascript
javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码
2015/08/04 Javascript
微信小程序  audio音频播放详解及实例
2016/11/02 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
nodejs使用express创建一个简单web应用
2017/03/31 NodeJs
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
2018/05/17 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
详解react-refetch的使用小例子
2019/02/15 Javascript
layui 弹出层回调获取弹出层数据的例子
2019/09/02 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
Python基于贪心算法解决背包问题示例
2017/11/27 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
在python中使用with打开多个文件的方法
2019/01/07 Python
基于python实现高速视频传输程序
2019/05/05 Python
Python读取stdin方法实例
2019/05/24 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
python实现按首字母分类查找功能
2019/10/31 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
Python中SQLite如何使用
2020/05/27 Python
Python-openpyxl表格读取写入的案例详解
2020/11/02 Python
澳大利亚自然和有机的健康美容产品一站式商店:Ziani Beauty
2017/12/28 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
Andrew Marc官网:设计师外套的领先制造商
2019/10/30 全球购物
2014年端午节演讲稿范文
2014/05/23 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
JS ES6异步解决方案
2021/04/29 Javascript