技術共有

vue 環境変数について

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

共通のプロジェクト環境変数の使用

一般: .env 環境名ファイルを使用して定義し、コマンドの実行時に環境を指定します。

例: .env は、すべての環境変数で使用されるいくつかの変数を表します。

.env.development で表される開発環境変数

.env.production で表される運用環境変数は、オンラインになった後に使用される環境変数です。

vite+vue3 プロジェクト (デフォルトは VITE で始まり、他の名前を設定する必要があります)

保存: VITE_変数名 = xxx

例: import.meta.env.VITE_変数名

vue-cli プロジェクト (webpack+vue2)

保存: VUE_APP_変数名 = xxx

取得: process.env.VUE_APP_変数名

純粋な Webpack パッケージ化

保存:definePlugins を通じてグローバル環境に定義します。