vue3项目打包后，在打包文件中修改接口的配置

? ? ? ? vue3项目打包后，如果想直接修改接口的地址，而不是根据环境变量再次进行打包，可以进行如下操作：

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

window.webConfig={
    "VITE_DOMAIN_URL_VUE_BOOT":"http://xxxx"
}

2.在index.html文件中引用该文件，注意引用路径

<script type="text/javascript" src="./config.js"></script>

3.在项目中修改使用环境变量的地方import.meta.env.VITE_DOMAIN_URL_VUE_BOOT

import.meta.env.PROD ? (window as any).webConfig.VITE_DOMAIN_URL_VUE_BOOT : import.meta.env.VITE_DOMAIN_URL_VUE_BOOT

4.打包，config.js文件就会出现在dist文件夹下，根据需要直接修改该文件即可。