node.js框架 koa2的学习(三)

tech2024-07-07  44

一、打通注册用户的前后端通讯

我们要把前后端进行打通,使用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 })

到此步我们已经完成了前后台数据的互通,可以打开服务接口,开启浏览器,测试一波了。小伙伴们是否传递了数据,并在前台接收到了返回。

未完待续…

最新回复(0)