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

2019-01-25  本文已影响0人  六摄

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地址

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

上一篇 下一篇

猜你喜欢

热点阅读