vue中使用axios给生产环境和开发环境配置不同baseUrl

一、设置不同的接口地址

开发环境配置：/config/dev.env.js文件中修改

var merge=require('webpack-merge')
var prodEnv=require('./prod.env')

module.exports=merge(prodEnv,{
NODE_ENV:'"development"',
API_ROOT:'"//192.168.1.23"'
})

生产环境配置：/config/prod.env.js文件修改

module.exports={
NODE_ENV:'"production"',
API_ROOT:'"//www.baidu.com"'
}

二、调用axios的文件修改baseUrl

axios.default.baseUrl=process.env.API_ROOT

三、重启项目：

开发环境执行npm run dev调用的是192.168.1.23/xx
执行npm run build 打包的时候调用的是www.baidu.com/xx