基于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 相关文章推荐
点击按钮自动加关注的代码(sina微博/QQ空间/人人网/腾讯微博)
Jan 02 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
采用call方式实现js继承
May 20 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
微信小程序promsie.all和promise顺序执行
Oct 27 Javascript
浅谈Vue数据绑定的原理
Jan 08 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
webpack4.x CommonJS模块化浅析
Nov 09 Javascript
vue.js仿hover效果的实现方法示例
Jan 28 Javascript
vue2路由基本用法实例分析
Mar 06 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
一个没有MYSQL数据库支持的简易留言本的编写
2006/10/09 PHP
PHP加密3DES报错 Call to undefined function: mcrypt_module_open() 如何解决
2016/04/17 PHP
thinkPHP中session()方法用法详解
2016/12/08 PHP
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
JS使用parseInt解析数字实现求和的方法
2015/08/05 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
2016/09/24 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
微信小程序实战之自定义模态弹窗(8)
2017/04/18 Javascript
Vue.js 2.5新特性介绍(推荐)
2017/10/24 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
jQuery使用each遍历循环的方法
2018/09/19 jQuery
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
vue自定义指令实现方法详解
2019/02/11 Javascript
Vue 后台管理类项目兼容IE9+的方法示例
2019/02/20 Javascript
Vue 引入AMap高德地图的实现代码
2019/04/29 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
2021/03/01 Vue.js
Python实现爬取逐浪小说的方法
2015/07/07 Python
Python IDLE入门简介
2017/12/08 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
Python实现的爬虫刷回复功能示例
2018/06/07 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
法学专业个人求职信
2013/09/26 职场文书
运动会邀请函范文
2014/02/06 职场文书
大学四年个人自我小结
2014/03/05 职场文书
心理健康日活动总结
2014/05/08 职场文书
检讨书格式
2015/01/23 职场文书
老乡会致辞
2015/07/28 职场文书
python 统计代码耗时的几种方法分享
2021/04/02 Python
Java网络编程之UDP实现原理解析
2021/09/04 Java/Android