https://www.cnblogs.com/beileixinqing/p/7724779.html vue-cli生成的项目配置开发和生产环境不同的接口 vue-cli生成的项目,vue项目配置了不同开发环境的接口地址,axios.defaults.baseURL如何引用这个地址,这是在我发布项目的时候考虑的,于是想到了

方法二:(集热心网友提供的方案)

一般项目webpack会有两个或多个配置文件,如:
webpack.prod.conf.js  对应线上打包
webpack.dev.conf.js   对应开发环境


使用webpack.DefinePlugin就可以

复制代码
开发环境(webpack.dev.conf.js):

//开发环境下的baseURL
new webpack.DefinePlugin({
  BASE_URL:"'xxxxxxxxx'"
})
线上环境(webpack.prod.conf.js):

 //线上环境下的baseURL
new webpack.DefinePlugin({
  BASE_URL:"'xxxxxxxxx'"
})
复制代码
我们只需要在入口文件中写上:axios.defaults.baseURL = BASE_URL;即可。


https://www.cnblogs.com/beileixinqing/p/7724779.html

  

posted @ 2018-06-26 05:04  瑞蚨祥qianjin  阅读(924)  评论(0编辑  收藏  举报