Vue如何在前端解决跨域问题:分为生产环境和开发环境两部分

如何在生产环境和开发环境下在前解决跨域问题

跨域的问题,
首先需要明确是开发环境还是生产环境,开发环境据我自己理解 就是本地的开发 端口地址啥的都是localhost 生产环境就是本地Buid之后大包放到服务器上运行,开发环境的跨域问题在config/index.js下的proxy_table下进行代理就行,
image
生产环境下的跨域问题一般都由后端解决参考jsonp, 需要在生产环境和开发环境切换时尤其时本地在proxy做了代理的时候需要动态的根据程序所处的环境更换接口地址,
image
confg目录下的pro.env.js和dev.env.js分别指向生产环境和开发环境
image
因为开发环境做了本地的代理,所以我只需要在生产环境下设定好我的接口地址
image
在代码里就可以做一个判断,判断当前环境是生产还是开发,process.env.BASE_API_S就是我在生成环境的js下定义的url地址
vue和element官网

  • https://vuejs.org/v2/guide/
  • https://element.eleme.cn/#/zh-CN/component/installation

整理了一下开发过程中参考的链接:开发过程中遇到问题的可以参考

  • https://www.cnblogs.com/tnnyang/p/14378573.html
  • https://blog.csdn.net/weixin_43583693/article/details/102818573
  • https://www.kancloud.cn/cyyspring/vuejs/990072
  • https://blog.csdn.net/miaomiao006/article/details/117157935
  • https://blog.csdn.net/weixin_43080277/article/details/83860629
  • https://blog.csdn.net/weixin_34168700/article/details/94462672
  • https://blog.csdn.net/weixin_47534571/article/details/110865829
  • https://www.cnblogs.com/binmengxue/p/6831850.html
  • https://segmentfault.com/q/1010000019398104

  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_40504975

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值