koa2 实现跨域

koa2 设置允许跨域需要用到 koa2-cors 插件
npm 地址 https://www.npmjs.com/package/koa2-cors

server.js 中这样写

const Koa = require('koa');
const Router = require('koa-router');
const cors = require('koa2-cors');

let server = new Koa()
server.listen(3001)

// 解决跨域
server.use(cors({
    origin: function (ctx) {
        return '*'  // 允许来自所有域名请求
       // return 'http://localhost:8080'; / 这样就能只允许 http://localhost:8080 这个域名的请求了
    },
    exposeHeaders: ['WWW-Authenticate', 'Server-Authorization'],
    maxAge: 5,
    credentials: true,
    allowMethods: ['GET', 'POST', 'DELETE', 'OPTIONS', 'PUT'],
    allowHeaders: ['Content-Type', 'Authorization', 'Accept'],
}))

let router = new Router();


router.get('/test', async ctx => {
    ctx.body = {
        code: 200,
        data: '测试的啊',
        msg: ''
    }
})

前端 代码

this.$axios.get('http://172.16.186.50:3001/')
     .then((response) => {
         console.log(response)
     })
     .catch(function (error) {
         console.log(error);
     });

在这里插入图片描述
也没有跨域报错信息了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值