? ? ? ? 项目中遇到一个需要,打包后的项目需要部署到多个服务器,所以每次打包都需要修改环境变量的api的接口,先需要直接在打包文件中修改,不用每次都重新打包:
1.在public下创建config文件:
window.apiConfig={
"VUE_APP_API_BASE_URL":"xxx"
}
2.在index.html中加入js引用
<script type="text/javascript" src="config.js"></script>
3. 在项目代码中修改,在直接使用process.env.VUE_APP_API_BASE_URL的地方修改为:
process.env.NODE_ENV === 'production'? window.webConfig.VUE_APP_API_BASE_URL:process.env.VUE_APP_API_BASE_URL
4.打包,打包后config文件会存在dist文件夹下,然后根据需要,直接修改config中的值即可。
(注意:该项目路由为hash,即项目url 中有‘#’)