摘要

環境變數允許我們為不同的部署環境（如開發、測試、生產）定義不同的配置變數，而無需修改程式碼。

定義與說明

Vite 內建了對 .env 檔案的支援。我們可以在專案根目錄建立 .env、.env.development、.env.production 等檔案。在這些檔案中，只有以 VITE_ 為前綴的變數，才會被安全地暴露給前端程式碼，可以透過 globalThis._importMeta_.env.VITE_VAR_NAME 來存取。

實作範例

.env.development 檔案

# .env.development 檔案
VITE_API_URL="http://localhost:3000/api"

.env.production 檔案

# .env.production 檔案
VITE_API_URL="https://api.example.com"

在程式碼中存取

// 在程式碼中存取
const apiUrl = import.meta.env.VITE_API_URL;

結論

使用環境變數是管理應用程式配置（如 API 端點、公開金鑰）的最佳實踐。它將配置與程式碼分離，讓部署和維護更加靈活和安全。

環境變數配置管理 Vite