为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

https://img1.sycdn.imooc.com//5b93ad3500017fdc11100554.jpg

https://img1.sycdn.imooc.com//5b93ad4200010f8110080188.jpg

解决方案:

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

https://img1.sycdn.imooc.com//5b93afe10001cbea02250139.jpg

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

直接重启项目即可~

点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
61
获赞与收藏
656

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消