基于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 相关文章推荐
js 判断计算字符串长度/判断空的简单方法
Aug 05 Javascript
动态加载dtree.js树treeview(示例代码)
Dec 17 Javascript
js document.write()使用介绍
Feb 21 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
详解JavaScript中的事件流和事件处理程序
May 20 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
Dec 01 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
May 11 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
JavaScript使用享元模式实现文件上传优化操作示例
Aug 07 Javascript
如何在微信小程序里面退出小程序的方法
Apr 28 Javascript
vue解决花括号数据绑定不成功的问题
Oct 30 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 图片上传实现代码 带详细注释
2010/04/29 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
PHP分页类集锦
2014/11/18 PHP
yii2整合百度编辑器umeditor及umeditor图片上传问题的解决办法
2016/04/20 PHP
LazyForm jQuery plugin 定制您的CheckBox Radio和Select
2009/10/24 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)
2010/11/05 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
关于js获取radio和select的属性并控制的代码
2011/05/12 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
2017/03/04 Javascript
聊聊那些使用前端Javascript实现的机器学习类库
2017/09/18 Javascript
javascript实现循环广告条效果
2017/12/12 Javascript
详解Angularjs 自定义指令中的数据绑定
2018/07/19 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
微信小程序实现锚点功能
2019/11/20 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
JS中锚点链接点击平滑滚动并自由调整到顶部位置
2021/02/06 Javascript
Python重新引入被覆盖的自带function
2014/07/16 Python
ActiveMQ:使用Python访问ActiveMQ的方法
2019/01/30 Python
pytorch 输出中间层特征的实例
2019/08/17 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
tensorflow实现读取模型中保存的值 tf.train.NewCheckpointReader
2020/02/10 Python
Python机器学习工具scikit-learn的使用笔记
2021/01/28 Python
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
什么是事务?为什么需要事务?
2012/01/09 面试题
我的网上商城创业计划书
2013/12/26 职场文书
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
聘任协议书(挂靠)
2015/09/21 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
Python面向对象之成员相关知识总结
2021/06/24 Python