Vue 项目 线上动态更改Base Api 接口地址

目前只知道比较简单的一种方式
1: 在vue项目中的public 文件夹中增加 static 目录 2: 在static 中增加 并且编写 config.js

window.g = {
    apiUrl: '你的线上URL' // 线上URL 地址 
}

因为我这里用的是axios 所以如下使用axios的代码

3: 在src/utils/http.js 中更改如下

axios.defaults.baseURL = window.g.apiUrl; 
//设置默认的BaseURL      

4: 还有一件事 在项目中的public/index 中

  <script src="./static/config.js"></script>

此时项目部署之后可以更改这个config.js 中的apiUrl 对象 来动态更改BaseURL