美文网首页
vue - 开发环境和生产环境的跨域问题

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

作者: 六摄 | 来源:发表于2019-01-25 14:06 被阅读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地址

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

相关文章

网友评论

      本文标题:vue - 开发环境和生产环境的跨域问题

      本文链接:https://www.haomeiwen.com/subject/basmjqtx.html