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

9 篇文章 0 订阅

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

  1. 我们要把前后端进行打通,使用API接口的形式可以互相同通讯和传递数据。看起来比较简单,但是这节课的内容还是比较多的
    安装koa-bodyparser中间件
  2. 首先我们要接到前端发过来的请求,这时候需要安装koa-bodyparser中间件,我们使用npm来进行安装。 记得先进入到service目录下,在使用npm进行安装。
    npm install --save koa-bodyparser
    
  3. 这里使用的版本是4.2.1。
    安装好后,在service/index.js文件中注册和引入中间件。
    const bodyParser = require('koa-bodyparser')
    app.use(bodyParser());
    

二、让koa2支持跨域请求

  1. 跨域对于新手小伙伴来说是个非常头疼的问题,在微信或者QQ群里很多小伙伴问我跨域的问题,当然跨域也有多种解决方案,但是个人认为最完美的解决方案是在后台设置支持跨域。对于这个项目后台就是我们的Koa2服务。
  2. 安装koa2-cors中间件
    在koa2里解决跨域的中间件叫koa2-cors,我们先进入service文件夹,然后直接使用npm来进行安装。
    npm install --save koa2-cors
    
  3. 安装完成后,记得要在service/index.js文件中引入和注册(使用)一下中间件:
    const cors = require('koa2-cors')
    app.use(cors())
    

三、编写koa2接收前台数据的方法

  1. 这时候我们已经万事俱备了,打通了前台和后台数据互通的基本环节。现在主要开心的写一个后台的数据接口方法,就可以实现接收数据,并回传数据了。

  2. 进入service/appApi/user.js文件,修改resgister路由接口下的代码,记得把get方法换成post方法。

    router.post('/register',async(ctx)=>{
        console.log(ctx.request.body)
        ctx.body= ctx.request.body
    })
    
  3. 到此步我们已经完成了前后台数据的互通,可以打开服务接口,开启浏览器,测试一波了。小伙伴们是否传递了数据,并在前台接收到了返回。

    未完待续…

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值