继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

vue cli 3 使用 axios 请求后台数据涉及到的跨域问题

SOHO树叶
关注TA
已关注
手记 56
粉丝 61
获赞 656

本地启动后台服务的时候,可以拿到数据,访问同事电脑启动的后台,却显示请求成功,但是没有拿到数据,console报错。

这里就是跨域的问题。可以通过反向代理的形式来解决。

https://img4.mukewang.com/5b93ad3500017fdc11100554.jpg

https://img1.mukewang.com/5b93ad4200010f8110080188.jpg

解决方案:

step.1 直接创建个 vue.config.js 文件。

https://img1.mukewang.com/5b93afe10001cbea02250139.jpg

module.exports = {
  devServer: {
    // 设置代理
    proxy: {
      "/cms": {
        target: "http://XXXX:8080/", // 访问数据的计算机域名
        ws: true, // 是否启用websockets
        changOrigin: true //开启代理
      }
    }
  }
};

直接重启项目即可~

打开App,阅读手记
3人推荐
发表评论
随时随地看视频慕课网APP

热门评论

我设置了怎么还是不行呢 是哪里出问题了吗?https://img4.mukewang.com/5ce20d830001380009010393.jpg

我设置了也是不行,是不是还需要配置其它人呢地方?

查看全部评论