Laravel + Vue3.js で .env の値を Vue 上から process.env で読み込もうとしたら undefined になって困った
首記の通りだが、 .env で HOGE という変数を定義後、 Vue 上で process.env.HOGE で読み込もうとしても undefined しか返ってこず途方にくれる。
調べたところ、 Laravel + Vue3.js の環境の場合、 .env で指定する変数名の先頭に MIX_ をつけないといけないことが分かった。
上記の場合、 HOGE ではなく MIX_HOGE として定義する。そうするとLaravel側で勝手にいい感じにしてくれる。
以上!