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
·
一、设置不同的接口地址
开发环境配置:/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
更多推荐
已为社区贡献2条内容
所有评论(0)