この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:2
ページ更新者:T
更新日時:2019-08-11 23:11:18

タイトル: .envの値をvue.jsで参照する方法
SEOタイトル: Laravelの.envの値をvue.jsで参照する方法

この記事の要点
  • Laravel の .env 値を Vue.js 側で参照する方法
  • 前提: キー名に MIX_ プレフィックスを付ける（例: MIX_API_URL=...）
  • Vue 側: process.env.MIX_API_URL で参照
  • ビルド時に埋め込まれるので npm run dev/prod で再ビルド必須

 

Laravelの.envの値をvue.jsで使用する方法を説明します。

 

.envファイル

参照させたい値のキー名の先頭に「MIX_」を付与する必要がある。

MIX_SAMPLE=123

 

vue.js

「process.env.」を先頭に付けて先ほど定義した.envのキー名を指定すればよい。

process.env.MIX_SAMPLE