vue3加vite 添加环境变量

1.需要在项目根目录添加一个文件叫 .env.development

这是我项目中定义的变量 VITE_APP开头

VITE_APP_TITLE=开发环境测试标题
VITE_APP_GLOBAL_REGION_ADDRESS=https://dev-XXXXXXXX.cn
VITE_APP_TENANT_REGION_ADDRESS=https://XXXXXXXXXX.cn
VITE_APP_IMAGE_ADDRESS=https://devXXXXXXXX/

根目录进行创建一个 static.env.config.js 文件
使用 import.meta.env 赋值给 window上

window.GLOBAL_REGION_ADDRESS=import.meta.env.VITE_APP_GLOBAL_REGION_ADDRESS;
window.TENANT_REGION_ADDRESS=import.meta.env.VITE_APP_TENANT_REGION_ADDRESS;
window.IMAGE_ADDRESS=import.meta.env.VITE_APP_IMAGE_ADDRESS;

最重要的一步需要在 vite.cofig.ts 进行配置

然后将injectScript 插值到index.html跟目录中