随着项目的推进,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

  

  其次是,使用:

  这样就大功告成了!

Logo

前往低代码交流专区

更多推荐