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

2024-01-08 15:33:36

? ? ? ? 项目中遇到一个需要，打包后的项目需要部署到多个服务器，所以每次打包都需要修改环境变量的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
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。