windows下利用Node.js开发后台服务器(三)
2018-01-23 08:56
766 查看
三.为前端做数据接口
1.在项目文件夹下新建app.js文件作为项目主入口文件
2.项目需要用到koa\koa-bodbparser\kou-router\kou-cors模块,先requrie进去
const Koa = require('koa');
const bodyParser = require('koa-bodyparser');
const cors = require('koa-cors');
const router = require('koa-router')();
const app = new Koa();3.这里我是用了Vue全家桶Vue-cli开发前端页面,本地端口为8080,而该node后台服务器监听端口为8088,端口不同导致跨域问题出现了,这里使用koa-cors解决跨域问题.
app.use(cors({
origin : 'http://localhost:8080', //配置允许接入的url
maxAge : 5, //请求结果缓存多久,单位(秒)
allowMethods : ['GET', 'POST'], //允许GET\POST请求介入
}));4.在koa中注册组件,并监听8088端口。(注:koa-bodyparse要在koa-router之前注册否则无效)
app.use(bodyParser());
app.use(router.routes());
app.listen(8088);5.写一个‘/user/:id’的接口,用来接收一个post请求,将前端传入的用户id返回给用户
this.axios.post('http://localhost:8088/user/1').then((data)=>{
alert(data.data);
}).catch((data)=>{
console.log(data.message);
})7.启动node服务器,这里在命令提示符中输入 supervisor app.js,使用supervisor人重载模块启动app.js文件,好处是当代码更改后会进行热替换,而不需要重启node服务器。
8.前端页面通过点击事件发送一个ajax请求,并打印结果。
9.很多人会问,如果利用node操作数据库呢,下节中将做介绍。
10.参考项目demo已托管在我的GitHub上,并在持续更新,欢迎围观,如果觉得有用请给个Star。
1.在项目文件夹下新建app.js文件作为项目主入口文件
2.项目需要用到koa\koa-bodbparser\kou-router\kou-cors模块,先requrie进去
const Koa = require('koa');
const bodyParser = require('koa-bodyparser');
const cors = require('koa-cors');
const router = require('koa-router')();
const app = new Koa();3.这里我是用了Vue全家桶Vue-cli开发前端页面,本地端口为8080,而该node后台服务器监听端口为8088,端口不同导致跨域问题出现了,这里使用koa-cors解决跨域问题.
app.use(cors({
origin : 'http://localhost:8080', //配置允许接入的url
maxAge : 5, //请求结果缓存多久,单位(秒)
allowMethods : ['GET', 'POST'], //允许GET\POST请求介入
}));4.在koa中注册组件,并监听8088端口。(注:koa-bodyparse要在koa-router之前注册否则无效)
app.use(bodyParser());
app.use(router.routes());
app.listen(8088);5.写一个‘/user/:id’的接口,用来接收一个post请求,将前端传入的用户id返回给用户
router.post('/user/:id', async (ctx, next)=>{ await next(); var id = ctx.params.id; ctx.response.body = ''+id; });6.前端写一个ajax发送post请求,将用户id传递给服务器,同时将服务器返回的数据打印出来(笔者这里使用vue的axios发送一个ajax请求,代码仅供作为示例参考)
this.axios.post('http://localhost:8088/user/1').then((data)=>{
alert(data.data);
}).catch((data)=>{
console.log(data.message);
})7.启动node服务器,这里在命令提示符中输入 supervisor app.js,使用supervisor人重载模块启动app.js文件,好处是当代码更改后会进行热替换,而不需要重启node服务器。
8.前端页面通过点击事件发送一个ajax请求,并打印结果。
9.很多人会问,如果利用node操作数据库呢,下节中将做介绍。
10.参考项目demo已托管在我的GitHub上,并在持续更新,欢迎围观,如果觉得有用请给个Star。
相关文章推荐
- windows下利用Node.js开发后台服务器(一)
- windows下利用Node.js开发后台服务器(二)
- 详解Windows下运用Docker部署Node.js开发环境
- 构筑RubyMine IDE开发工具的Coffeescript+node.js开发环境(for windows)
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- 使用Node.js开发一个在线聊天应用——编写后台
- (pomelo系列入门教程)深入浅出node.js游戏服务器开发——基于Pomelo的MMO RPG开发
- [JS]Nodepad++配置Node.JS开发环境——windows
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- CentOS 环境搭建并测试Node.js服务器开发环境
- 利用JavaScript开发事件驱动的Web应用 – node.js简介
- Node.js Web实时消息后台服务器推送技术---GoEasy
- Node.js开发入门(三)——HTTP文件服务器
- 利用OpenShift托管Node.js Web服务进行微信公众号开发
- 使用Nodejs+mongodb开发地图瓦片服务器
- Windows下Node.js开发入门(1)
- (原创)node.js入门之一:express简单服务器搭建-Mac环境开发
- 深入浅出Node.js游戏服务器开发--分布式聊天服务器搭建
- 微信后台开发第一步:nodeJS+express接入微信后台详细教程
- Node.js【2】开发环境搭建(Windows、Linux&Mac)