一、打通注册用户的前后端通讯
我们要把前后端进行打通,使用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
})
到此步我们已经完成了前后台数据的互通,可以打开服务接口,开启浏览器,测试一波了。小伙伴们是否传递了数据,并在前台接收到了返回。
未完待续…