vue3+vite开发项目,env环境文件配置

29 阅读1分钟

1. 创建配置文件,如: .env.test

1.1 默认配置,变量名必须以 VITE_ 开头
# 项目中需要的变量
# 代理地址设置 
VITE_PROXY_URL =  http://120.1.1.1:7777
1.2 如果需要自定义变量名前缀,在vite.config.ts 文件中新增如下配置:
envPrefix:"APP_"
1.2.1 在 .env.test 文件中命名变量
// 变量名定义时,如下
APP_PROXY_URL =  http://120.1.1.1:7777

2. 在package.json文件中新增配置

 "scripts": {
     "run:test": "vue-tsc --noEmit --skipLibCheck  && vite build --mode test --base=/dist/",
 }

3. 在组件、页面中获取并使用对应的变量名

let env:any = import.meta.env
const url:string = env['VITE_PROXY_URL']