コンテンツにスキップ

Top

Laravel + Vue3.js で .env の値を Vue 上から process.env で読み込もうとしたら undefined になって困った

首記の通りだが、 .env で HOGE という変数を定義後、 Vue 上で process.env.HOGE で読み込もうとしても undefined しか返ってこず途方にくれる。

調べたところ、 Laravel + Vue3.js の環境の場合、 .env で指定する変数名の先頭に MIX_ をつけないといけないことが分かった。

上記の場合、 HOGE ではなく MIX_HOGE として定義する。そうするとLaravel側で勝手にいい感じにしてくれる。

以上!