Skip to content

环境变量

rengar-admin在项目根目录新建了环境变量文件,规范如下:

  • .env:公共的环境变量;
  • .env.development:开发环境变量;
  • .env.production:生产环境变量;
  • .env.test:测试环境变量。

package.jsonscripts脚本示例如下:

json
"scripts": {
  "dev": "vite",
  "dev:prod": "vite --mode production",
  "build": "vite build",
  "build:test": "vite build --mode test",
}

新增环境变量:

所有的环境变量都应该以VITE开头,在配置文件添加环境变量后,在typings/common/env.d.ts中配置类型以获得自动提示:

ts
declare interface ImportMetaEnv {
  readonly VITE_APP_TITLE: string;
  readonly VITE_APP_PORT: string;
  readonly VITE_API_URL: string;
  readonly VITE_BASE_URL: string;
  readonly 变量名: 类型; 
}

获取环境变量:import.meta.env.环境变量名