vue 跨域配置_（五）vue和koa跨域通信配置

npm install --save koa-bodyparser
npm install --save koa-cors

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

const cors = require('koa-cors')
// 设置跨域
app.use(cors({
    origin: function (ctx) {
        /*if (ctx.url === '/cors') {
            return "*"; // 允许来自所有域名请求
        }*/
        return "*";
        // return 'http://localhost:8080';
    },
    exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
    maxAge: 5,
    credentials: true,
    allowMethods: ['GET', 'POST', 'DELETE'], //设置允许的HTTP请求类型
    allowHeaders: ['Content-Type', 'Authorization', 'Accept'],
  }));

npm install axios

import axios from 'axios'

Vue.prototype.$axios = axios
Vue.use(axios)

methods: {
 loadingData () {
 this.$axios.get("http://127.0.0.1:3000/home").then(res => {
 console.log(res)
        }).catch(err => {
 console.log(err)
        })
      }
    }

router.get('/home', async (ctx, next) => {
 console.log("get");   
 ctx.body = "hello home"
});