vue2打包后,接口地址可在打包文件中配置

发布时间:2024年01月08日

? ? ? ? 项目中遇到一个需要,打包后的项目需要部署到多个服务器,所以每次打包都需要修改环境变量的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 中有‘#’)

文章来源:https://blog.csdn.net/reembarkation/article/details/135457461
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。