项目打包后，在打包文件中修改配置避免频繁打包

项目打包后，在打包文件中修改配置

需求：项目打包后，可能会部署到不同的服务器，需要修改接口的地址，如果每次修改都进行打包，效率非常低，可以将配置文件抽离，打包后只需修改对应的配置文件信息即可，进行如下操作：

1.在public下创建config.js文件

# webConfig名字命名随意，主要是在window对象上添加配置
window.webConfig={"API_URL":"接口地址"
}

2.在public/index.html中引入配置文件

<!--引入之后才能生效-->
<script type="text/javascript" src="./config.js"></script>

3.接口引入

//在接口封装的文件中，修改如下
//如果是生产环境，就引入刚才对应的配置，不是生产环境就引入开发环境
import.meta.env.PROD ? (window as any).webConfig.API_URL: import.meta.env.VITE_URL

4.其他配置

当然也可进行其他配置的抽离，同理