.envの内容をVueJs側で使いたい

こんにちは、せぃゆーです。

laravel/VusJsによるSPAの勉強がてらいろいろ触っていたときにvue-headを導入することになったんのですが、htmlのtitleに設定する値を.envに設定している値をAPP_NAMEにすることにしました

ただVueJs側APP_NAMEの値のとり方がわからず調べていたら見つけたのでメモがてら残す。

方法はとても簡単でした。

APP_NAME=sample
MIX_APP_NAME="${APP_NAME}"

.envの中身はたったこれだけ利用したい設定の先頭にMIXをつけるだけ。

これをVueJs側では

process.env.MIX_APP_NAME

たったこれだけでVueJs側でデータが取得できます。

もちろんlaravel-mixによるビルド(npm run development)は必要です。

以上「.envの内容をVueJs側で使いたい」でした