vue - 开发环境和生产环境的跨域问题

2019年1月25,今天很背,摔了一跤,膝盖出血

这坑爹的本命年,必须要记下来  。各位看到这文章的,以后记得走路小心点呀,真的很痛的。

回归正题:说说proxy 代理在开发环境和生产环境中处理的跨域问题:在vue的开发过程中,一般是存在跨域问题的,这时候我们一般使用proxyTable 进行处理,但是proxyTable 只能处理开发环境的,项目上线后,假如还存在跨域,即前后端代码所在服务器不同,如何处理?

1、分别配置开发环境和生产环境地址:

在config目录下dev.env.js中配置开发路径:

module.exports = merge(prodEnv, {

         NODE_ENV: '"development"',

         API_HOST: '"/api"' // 配置代理路径的符号,增加的内容

})

在config目录下prod.env.js中配置开发路径:

module.exports = {

         NODE_ENV: '"production"',

         API_HOST: '"http://xxx.xxx.xx"' // 生产环境地址,增加的内容

}

2、请求路径中写:post ( process.env.API_HOST+"/block/list/brief/1" );  //process.env.API_HOST  获取当前环境的api地址

综上即可,好了,得继续去搬砖了,唉,可怜的底层人民

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容