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

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

跨域的问题,
首先需要明确是开发环境还是生产环境，开发环境据我自己理解 就是本地的开发 端口地址啥的都是localhost 生产环境就是本地Buid之后大包放到服务器上运行,开发环境的跨域问题在config/index.js下的proxy_table下进行代理就行，

生产环境下的跨域问题一般都由后端解决参考jsonp, 需要在生产环境和开发环境切换时尤其时本地在proxy做了代理的时候需要动态的根据程序所处的环境更换接口地址，

confg目录下的pro.env.js和dev.env.js分别指向生产环境和开发环境

因为开发环境做了本地的代理，所以我只需要在生产环境下设定好我的接口地址

在代码里就可以做一个判断，判断当前环境是生产还是开发，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

---