.env 文件详解（vite）_.env文件

• .env.development 开发环境
• .env.production 正式环境
• .env.test 测试环境

.env文件内容：

• 开发环境

# 当前环境，VITE_ 开头
VITE_NODE_ENV = 'development'
# 请求基地址
VITE_BASE_URL = '/api'
# 本地代理目标地址，在proxy里面target里面用
VITE_BASE_API = 'http://It's Your Addrese.net'
1
2
3
4
5
6

• 测试环境

VITE_NODE_ENV = 'test'
# 请求基地址
VITE_BASE_URL = 'http://It's Your test Addrese.net'
1
2
3

• 正式环境

VITE_NODE_ENV = 'production'
# 请求基地址
VITE_BASE_URL = 'http://It's Your prod Addrese.net'
1
2
3

package.json文件

  "scripts": {
    "dev": "vite", // 默认读取 .env.development文件，会将process.env.NODE_ENV设置为development；
    "build": "vue-tsc --noEmit && vite build --mode production", 
    "build:test": "vue-tsc --noEmit && vite build --mode test",
    "build:dev": "vue-tsc --noEmit && vite build --mode development",
    "preview": "vite preview",
    "type-check": "vue-tsc --build --force",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
  },
 

1
2
3
4
5
6
7
8
9
10
11