因为这个需求,所以要改变axios读取的baseURL的地址。
1,在public增加要给js文件,config.js
window.g = {
apiUrl:"http://test.test.com:9090/"
}
2,index.html里加入js加载,因为修改后的缓存问题,必须采用时间戳强制更新方式。
<script type="text/javascript">
document.write("<script src='./config.js?v=" + new Date().getTime() + "'><\/script>");
</script>
3,使用者直接读取apiUrl,如:
// 创建axios实例
const service = axios.create({
baseURL: window.g.apiUrl,
timeout: 10000 // 请求超时时间
})
之后,vue打包输出dist静态文件,可以通过动态修改config.js来变更api地址。