跳到主要内容

环境配置

  • import.meta.env.MODE: {string} 应用运行的模式。
  • import.meta.env.BASE_URL: {string} 部署应用时的基本 URL。他由base 配置项决定。
  • import.meta.env.PROD: {boolean} 应用是否运行在生产环境（使用 NODE_ENV='production' 运行开发服务器或构建应用时使用 NODE_ENV='production' ）。
  • import.meta.env.DEV: {boolean} 应用是否运行在开发环境 (永远与 import.meta.env.PROD相反)。
  • import.meta.env.SSR: {boolean} 应用是否运行在 server 上。

设置环境变量​

需要我们设置 .env 文件

  • .env # 所有情况下都会加载
  • .env.local # 所有情况下都会加载，但会被 git 忽略
  • .env.[mode] # 只在指定模式下加载
  • .env.[mode].local # 只在指定模式下加载，但会被 git 忽略

模式配置​

  • dev命令，默认会运行在development (开发) 模式
  • build 命令, 则运行在 production (生产) 模式

在某些情况下，需要运行不同模式，来执行不同动作，比如开发环境、测试环境、预生产环境、生产环境

  • 可使用--mode模式来指定不同模式，来覆盖默认的模式

对于不同模式环境文件，可以新建.env.mode文件

  • 比如prod生产环境，指定 --mode模式，新建.env.prod文件

.env 文件​

text
# 需要使用 VITE_ 开头
VITE_API_BASE_URL= 'https:api'