vue项目实现动态baseURL,可以在打包后进行配置

很突然，收到一个这样的需求：由于公司不同客户中，他们后台服务的后缀是不同的，因此，测试人员要根据有多少个不同的后缀，进行多少次更改baseURL在进行打包，显然是很麻烦的。所以要解决这个问题。

目前推出这种方案：要在打包为dist后，依旧可以直接在dist中进行修改。并且生效

1、配置config.js文件

可以在public下或者static下。添加一个config.js配置文件

配置如下：

// 不同客户后台后缀不同，打包后配置此文件url
window.configObj = {
  url: 'orions'
}

2、在index.html中引入

index.html 一般在public下

3、在需要用到的地方直接调用

例：我们是需要更换baseURL，则在request.js文件中调用（window.configObj）进行拼接

const baseURL = `http://localhost:8888/${window.configObj.url}` // 我本地

注：config.js里修改完后是什么，读取到的就是什么，不过必须是重新打开网页或者刷新才行。前端无法改完后，实时读取