如何调整Vue项目打包后文件中的接口地址配置以适应不同环境？

本文共计875个文字，预计阅读时间需要4分钟。

1. 背景及常规Vue项目分为本地环境和生产环境，只需对config文件夹下的dev.env.js和prod.env.js进行相应配置即可。但近期项目涉及私有化部署，需对生产环境进行配置。

1、背景

常规的vue项目分为本地环境和生产环境，我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中，涉及到私有化部署，就是对应的生产环境的地址，不是唯一的。如果每次都修改一个地址，再打包文件进行部署，过程繁琐且低效。那么如何把环境地址设置成可配置的，不需要再构建代码就能直接生效呢？

2、可选方案

进行了调研后，网上介绍的方案有2种：

1）在static上设置一个config.js，把配置的参数设置成 window 下的全局变量。