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"'
}

创建两个文件

.env.development和.env.production
.env.development:

NODE_ENV = 'development'
//指定当前环境模式
VUE_APP_CURRENTMODE = 'development'
VUE_APP_BASE_URL = "https://url.net"

.env.production:

NODE_ENV = "production"
//指定当前环境模式
VUE_APP_CURRENTMODE = 'prod'
VUE_APP_BASE_URL = "https://gzjc.gbykt.com/device"

三、调用axios的文件修改baseUrl

	axios.default.baseUrl=process.env.API_ROOT

四、重启项目：

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