vue3加vite 添加环境变量

2022-03-03 17:00:32 阅读：404 来源： 互联网

标签：REGION APP vue3 window vite env ADDRESS 环境变量 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跟目录中

在这里插入图片描述

标签：REGION,APP,vue3,window,vite,env,ADDRESS,环境变量,VITE
来源： https://blog.csdn.net/weixin_43983711/article/details/123258019

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

vue3加vite 添加环境变量