基于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 相关文章推荐
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
JavaScript数组常用方法
Mar 02 Javascript
JavaScript数据库TaffyDB用法实例分析
Jul 27 Javascript
js生成随机数的方法实例
Oct 16 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
js实现文字滚动效果
Mar 03 Javascript
JavaScript设计模式开发中组合模式的使用教程
May 18 Javascript
javascript回调函数的概念理解与用法分析
May 27 Javascript
Vue侧滑菜单组件——DrawerLayout
Dec 18 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 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
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
phpMyAdmin通过密码漏洞留后门文件
2018/11/20 PHP
yii2.0框架数据库操作简单示例【添加,修改,删除,查询,打印等】
2020/04/13 PHP
JavaScript入门教程(11) js事件处理
2009/01/31 Javascript
对xmlHttp对象的理解
2011/01/17 Javascript
ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter
2012/02/03 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
用jquery写的一个万年历(自写)
2014/01/20 Javascript
js实现俄罗斯方块小游戏分享
2014/01/31 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
javascript框架设计之浏览器的嗅探和特征侦测
2015/06/23 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
jQuery实现图片文字淡入淡出效果
2015/12/21 Javascript
JavaScript数据操作_浅谈原始值和引用值的操作本质
2016/08/23 Javascript
通过扫描二维码打开app的实现代码
2016/11/10 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
less简单入门(CSS 预处理语言)
2017/03/08 Javascript
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
2018/09/13 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
JavaScript原型式继承实现方法
2019/11/06 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
python的paramiko模块实现远程控制和传输示例
2017/10/13 Python
python虚拟环境的安装配置图文教程
2017/10/20 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
python 提取tuple类型值中json格式的key值方法
2018/12/31 Python
Python中的引用知识点总结
2019/05/20 Python
python 实现二维列表转置
2019/12/02 Python
python 自动识别并连接串口的实现
2021/01/19 Python
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
法警的竞聘演讲稿
2014/01/02 职场文书
保安拾金不昧表扬信
2014/01/15 职场文书
幼儿园秋游感想
2014/03/12 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
golang使用map实现去除重复数组
2022/04/14 Golang