Vue+Koa2移动电商实战（十一）前后端通讯和跨域处理

npm install --save koa-bodyparser

const bodyParser = require('koa-bodyparser')  // 用于接收post请求的

import axios from 'axios'

const LOCALURL = "http://localhost:3000/"
const URL = {
    getShoppingMaillInfo:BASEURL,// 商城首页信息
    getGoodsInfo:BASEURL+'getGoodsInfo',
    registerUser : LOCALURL+'user/register',  //用户注册接口
}

module.exports = URL

 import url from '@/serviceAPI.config.js'

    methods: {
      goBack() {
        this.$router.go(-1); //点击返回上一级
      },
      axiosRegisterUser() {
        axios({
            url: url.registerUser, //这里的url便是我们上面引入的
            method: 'post',  //请求方式使用post  因为是表单输入
            data: {
              username: this.username, 
              password: this.password
            }
          })
          .then(response => { // 完成后我们给他一个反馈信息  后面我们再进行完善
            console.log(response)
          })
          .catch((error) => {
            console.log(error)
          })
      }

 "primary" size="large" @click="axiosRegisterUser()">马上注册

npm install --save koa2-cors   

const cors = require('koa2-cors') //跨域使用

router.post('/register',async(ctx)=>{  //请求操作需要使用post
    
    ctx.body= ctx.request.body  //  ctx.request.body  把前端传过来的数据封装成为一个对象

console.log(ctx.request.body)
 })