基于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 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
JS的数组的扩展实例代码
Jul 09 Javascript
js设置function参数默认值(适合没有传参情况)
Feb 24 Javascript
JS获取各种宽度、高度的简单介绍
Dec 19 Javascript
js中 javascript:void(0) 用法详解
Aug 11 Javascript
jQuery 3.0十大新特性
Jul 06 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
JS加密插件CryptoJS实现的Base64加密示例
Aug 16 Javascript
如何封装Vue Element的table表格组件
Feb 06 Vue.js
深入理解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判断ip黑名单程序代码实例
2014/02/24 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
快速解决PHP调用Word组件DCOM权限的问题
2017/12/27 PHP
Jquery中删除元素的实现代码
2011/12/29 Javascript
CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
2012/03/29 Javascript
jquery ajaxSubmit 异步提交的简单实现
2014/02/28 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
2016/08/15 Javascript
assert()函数用法总结(推荐)
2017/01/25 Javascript
angularJS开发注意事项
2018/05/26 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
nodejs dgram模块广播+组播的实现示例
2019/11/04 NodeJs
解决Echarts 显示隐藏后宽度高度变小的问题
2020/07/19 Javascript
[06:10]6.81新信使新套装!给你一个炫酷的DOTA2
2014/05/06 DOTA
简述Python中的进程、线程、协程
2016/03/18 Python
Python判断列表是否已排序的各种方法及其性能分析
2016/06/20 Python
python实现获取Ip归属地等信息
2016/08/27 Python
用python记录运行pid,并在需要时kill掉它们的实例
2017/01/16 Python
flask中使用蓝图将路由分开写在不同文件实例解析
2018/01/19 Python
numpy 计算两个数组重复程度的方法
2018/11/07 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
世界上最大的在线学习和教学市场:Udemy
2017/11/08 全球购物
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
美体小铺奥地利官方网站:The Body Shop奥地利
2019/04/11 全球购物
澳大利亚礼品卡商店:Gift Card Store
2019/06/24 全球购物
医学生临床实习自我评价
2014/03/07 职场文书
2014年五四青年节演讲比赛方案
2014/04/22 职场文书
《小鹰学飞》教学反思
2014/04/23 职场文书
文明城市创建标语
2014/06/16 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android