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. 在组件、页面中获取并使用对应的变量名
const env:any = import.meta.env
const url:string = env['VITE_PROXY_URL']