基于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 相关文章推荐
二行代码解决全部网页木马
Mar 28 Javascript
Javascript 自定义类型方法小结
Mar 02 Javascript
ejs v9 javascript模板系统
Mar 21 Javascript
javascript表单验证 - Parsley.js使用和配置
Jan 25 Javascript
IE 下Enter提交表单存在重复提交问题的解决方法
May 04 Javascript
jQuery老黄历完整实现方法
Jan 16 Javascript
BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
Aug 17 Javascript
jQuery读取XML文件的方法示例
Feb 03 Javascript
vue2.0多条件搜索组件使用详解
Mar 26 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 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
PHP Cookei记录用户历史浏览信息的代码
2016/02/03 PHP
PHP函数nl2br()与自定义函数nl2p()换行用法分析
2016/04/02 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
js借助ActiveXObject实现创建文件
2013/09/29 Javascript
js中传递特殊字符(+,&)的方法
2014/01/16 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
2015/08/24 Javascript
JS使用eval()动态创建变量的方法
2016/06/03 Javascript
jQuery Pagination分页插件使用方法详解
2017/02/28 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
node.js操作mongodb简单示例分享
2017/05/25 Javascript
Node.js 使用流实现读写同步边读边写功能
2017/09/11 Javascript
AngularJS中下拉框的高级用法示例
2017/10/11 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
JavaScript和TypeScript中的void的具体使用
2019/09/12 Javascript
[01:22:42]2014 DOTA2华西杯精英邀请赛 5 24 DK VS LGD
2014/05/26 DOTA
Python中的自定义函数学习笔记
2014/09/23 Python
Python赋值语句后逗号的作用分析
2015/06/08 Python
python实现mysql的单引号字符串过滤方法
2015/11/14 Python
python连接mysql实例分享
2016/10/09 Python
python定时关机小脚本
2018/06/20 Python
python3.7 sys模块的具体使用
2019/07/22 Python
Python使用循环神经网络解决文本分类问题的方法详解
2020/01/16 Python
Python日志:自定义输出字段 json格式输出方式
2020/04/27 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
阿玛尼美妆俄罗斯官网:Giorgio Armani Beauty RU
2020/07/19 全球购物
.NET面试题:什么是反射
2016/09/30 面试题
优秀部门获奖感言
2014/02/14 职场文书
司机职责范本
2014/03/08 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
mysql获取指定时间段中所有日期或月份的语句(不设存储过程,不加表)
2021/06/18 MySQL
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL
python中Pyqt5使用Qlabel标签播放视频
2022/04/22 Python