vue使用配置文件读取基地址

  随着项目的推进，vue的项目最近也是有我进行负责。但是遇到了一个问题，就是各个客户有自己的环境，所以需要频繁修改baseURL（基地址），造成不需要的时间投入。所以这边可以使用配置文件的形式，进行基地址等配置操作。

  这里，首先需要创建config.js，注意，文件需要最好放在static目录下，这样配置文件回味与打出来的dist包的最外层，方便二次配置操作。

  其次，编辑内容：

window.appConfig = {
  baseURL: 'http://www.baidu.com.cn/',
}

  做完了配置操作之后，还需要在index.html中配置如下内容，这样可以做到配置文件的刷新操作：

<script>document.write('<script src="./static/config.js?t=' + new Date().getTime() + '"><\/script>');</script>

  

  最后一步就是引入操作：

 具体使用方式，首先是导入：

const myAppConfig = window.appConfig

  

  其次是，使用：

  这样就大功告成了！