一、打通注册用户的前后端通讯
- 我们要把前后端进行打通,使用API接口的形式可以互相同通讯和传递数据。看起来比较简单,但是这节课的内容还是比较多的
安装koa-bodyparser中间件 - 首先我们要接到前端发过来的请求,这时候需要安装koa-bodyparser中间件,我们使用npm来进行安装。 记得先进入到service目录下,在使用npm进行安装。
npm install --save koa-bodyparser
- 这里使用的版本是4.2.1。
安装好后,在service/index.js文件中注册和引入中间件。const bodyParser = require('koa-bodyparser') app.use(bodyParser());
二、让koa2支持跨域请求
- 跨域对于新手小伙伴来说是个非常头疼的问题,在微信或者QQ群里很多小伙伴问我跨域的问题,当然跨域也有多种解决方案,但是个人认为最完美的解决方案是在后台设置支持跨域。对于这个项目后台就是我们的Koa2服务。
- 安装koa2-cors中间件
在koa2里解决跨域的中间件叫koa2-cors,我们先进入service文件夹,然后直接使用npm来进行安装。npm install --save koa2-cors
- 安装完成后,记得要在service/index.js文件中引入和注册(使用)一下中间件:
const cors = require('koa2-cors') app.use(cors())
三、编写koa2接收前台数据的方法
-
这时候我们已经万事俱备了,打通了前台和后台数据互通的基本环节。现在主要开心的写一个后台的数据接口方法,就可以实现接收数据,并回传数据了。
-
进入service/appApi/user.js文件,修改resgister路由接口下的代码,记得把get方法换成post方法。
router.post('/register',async(ctx)=>{ console.log(ctx.request.body) ctx.body= ctx.request.body })
-
到此步我们已经完成了前后台数据的互通,可以打开服务接口,开启浏览器,测试一波了。小伙伴们是否传递了数据,并在前台接收到了返回。
未完待续…