在工作中，我们经常碰到后端更改端口号的问题、搭建测试环境等，这不得不让我们重新打包项目，如此简单又恶心的事情还总是反反复复，那么有没有办法在之前打包后文件里面直接更改呢，这样不仅仅省去了我们打包的时间，而且提供给测试人员他们又可以反复的修改测试，如此一来世界都变得美好了
思路：
- 创建一个
js或者json然后在axios中动态的引入，设置baseURL为动态引入的变量 - 这个
js、json文件在vue打包的时候不被编译，保留在最外层
实现：
- 新建一个
js文件，把baseURL的变量设置为window的属性
// 新建一个 baseURL.js 的文件
window.g = {
baseURL: "http://192.168.1.1:8088/test"
}
- 在
vue里面提供了一个public文件夹，我们可以在该文件夹里面新建一个static的静态文件夹，在这个文件夹里面的资源是不被编译的 - 如次我们还需要在
vue项目中的index.html中引入我们新建的这个baseURL.js文件，在引用的时候我们尽量采用绝对路径
<script src="/static/baseURL.js"></script>
- 这时候，我们创建了文件，也引入到了项目中在项目中，我们就可以使用
window.g.baseURL来获取这个地址了
如此我们就实现了之前提到的功能，我们每次修改的时候，只需要修改baseURL.js中的变量值就好了
