环境变量和模式(Vite)

环境变量和模式(Vite)"/>

环境变量和模式(Vite)

在我们开发过程中，会存在开发和生产 API 域名不一致的地方，在这里我们只区分生产和你开发环境两个环境。

.env 文件 创建

首先在根目录下创建两个文件夹：.env.production、.env.development

分别定义域名：

.env.production
VITE_API_BASEURL = https://product/api/admin/.env.development
VITE_API_BASEURL = https://development/api/admin/

记住：以 VITE_ 为前缀的变量

TypeScript 的智能提示

如果使用ts , 我们要要对自定义的环境变量进行提供了类型定义。
首先在根目录下创建：env.d.ts 文件，接着按下面这样增加 ImportMetaEnv 的定义：

/// <reference types="vite/client" />
interface ImportMetaEnv {readonly VITE_API_BASEURL: string
}

文档