环境变量配置

说明

环境变量位于项目根目录下 .env、.env.development、.env.production

.env

• 作用：适用于所有环境，里面定义的变量会在任何环境下都能访问。
• 用法：一般放置一些通用的配置，比如 API 基础地址、应用名称等。

.env.development

• 作用：仅适用于开发环境。当你运行 pnpm dev 时，Vue 会加载这个文件中的环境变量。
• 用法：适合放置开发阶段的配置，比如本地 API 地址、调试设置等。

.env.production

• 作用：仅适用于生产环境。当你运行 pnpm build 时，Vue 会加载这个文件中的环境变量。
• 用法：适合放置生产阶段的配置，比如生产 API 地址、禁用调试模式等。

自定义环境变量

INFO

自定义环境变量以 VITE_ 开头

比如：

VITE_PROT

你可以在项目代码中这样访问它们

console.log(import.meta.env.VITE_PROT);

环境配置说明

.env

# 【通用】环境变量

#  版本号
VITE_VERSION=1.0.0

# 端口号
VITE_PORT = 3006

# 网站地址前缀
VITE_BASE_URL = /art-design-pro/

# API 地址前缀
VITE_API_URL = https://xxxx.com

.env.development

# 【开发】环境变量

# 网站地址前缀
VITE_BASE_URL = /

# API 地址前缀
VITE_API_URL = http://localhost:3003

# Delete console
VITE_DROP_CONSOLE = false

.env.production

# 【生产】环境变量

# 网站地址前缀
VITE_BASE_URL = /art-design-pro/

# API 地址前缀
VITE_API_URL = https://xxxx.com

# Delete console
VITE_DROP_CONSOLE = true