如何修改Vue打包后文件的接口地址配置

常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js
做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应的生产环境的地址，不是唯一的。如果每次都修改一个地址，再打包文件进行部署，过程繁琐且低效。那么如何把环境地址设置成可配置的，不需要再构建代码就能直接生效呢？

步骤一：在public文件下新建一个config.js文件

其内引入一下代码

window.BASE_URL='http://192.168.3.170:8000/' 							 //开发路径
//window.BASE_URL:BASE_URL='/'										   			//生产路径	

步骤二：引用 config.js 文件

接下来我们只需要在index.html这个入口文件里引入该文件（注意路径就ok）

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

步骤三：使用 config.js 中的值

可以在封装 axios 的代码中，设置 baseUrl 时，直接使用 config.js 中配置的值。代码如下：
注意引用

const service = axios.create({
  baseURL: window.BASE_URL, // api的base_url
  timeout: 5000 // 请求超时时间
})