0
点赞
收藏
分享

微信扫一扫

vue3加vite 添加环境变量

梦幻之云 2022-03-11 阅读 56

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跟目录中

在这里插入图片描述

举报

相关推荐

0 条评论