随着项目的推进,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
其次是,使用:
这样就大功告成了!