vue2+axios项目简单区分开发环境、测试环境及生产环境以加载不同域名
在main.js 或者你自己配置的api.js中使用,原理:根据获取到的URL的主机名 来判断是开发环境或测试环境或正式环境,来设置不同的baseUrllet baseUrl = '';if (location.hostname == '***') { //测试环境baseUrl = '***';} else if (location.hostname == '*****')...
·
在main.js 或者你自己配置的api.js中使用,原理:根据获取到的URL的主机名 来判断是开发环境或测试环境或正式环境,来设置不同的baseUrl
let baseUrl = '';
if (location.hostname == '***') { //测试环境
baseUrl = '***';
} else if (location.hostname == '*****') { //正式环境
baseUrl = '*****';
} else { //开发环境
baseUrl = '/api'
}
axios.defaults.baseURL = baseUrl;
开发环境 '/api' 是因为我的这个项目使用了反向代理,不清楚的小伙伴可以看下面,明白的请忽略!
在config/index.js
中配置proxytable
proxyTable: {
'/api': {
target: 'http://****', //测试地址
changeOrigin: true, //改变源
pathRewrite: {
'^/api': '' //路径重写
}
}
}
更多推荐
已为社区贡献8条内容
所有评论(0)