Добавьте переменную Laravel .env в компонент Vue

Question

Я хотел бы получить доступ к переменной .env с помощью Vue JS.

В моем файле .env я добавил префикс 'MIX_' к переменной.

MIX_VAR=key

А потом в компоненте vue я имею в create ():

console.log(process.env.MIX_VAR);

В результате я получаю неопределенное значение.

Я попытался очистить кеш конфигурации, но все еще получал ту же проблему. Есть идеи?

Answer 1

Изъято из официальных документов @ https://laravel.com/docs/5.6/mix#environment-variables

---

Переменные среды

Вы можете добавить переменные окружения в Mix, добавив префикс ключа в файле .env с помощью MIX _:

MIX_SENTRY_DSN_PUBLIC=http://example.com

После того, как переменная была определена в вашем файле .env, вы можете получить доступ через объект process.env. Если значение изменяется во время выполнения задачи наблюдения, вам необходимо перезапустить задачу:

process.env.MIX_SENTRY_DSN_PUBLIC

---

Самое важное, что нужно помнить, это то, что вы должны использовать Laravel Mix , чтобы это работало. Mix - это то, что вводит переменную окружения.

Answer 2

Вы должны собрать свой JS для переменных env, которые нужно заменить.Вы можете сделать это с помощью npm или yarn

https://laravel.com/docs/5.7/mix#running-mix