很突然,收到一个这样的需求:由于公司不同客户中,他们后台服务的后缀是不同的,因此,测试人员要根据有多少个不同的后缀,进行多少次更改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里修改完后是什么,读取到的就是什么,不过必须是重新打开网页或者刷新才行。前端无法改完后,实时读取