Vuejs3 и vite import.meta.env.VITE_BASE_URL не работают
Здравствуйте, я пытаюсь получить base url из .env файла. И я получаю undefined.
Я попробовал некоторые stack overflow ответы и документацию, но это не помогло.
console.info('env', import.meta.env.VITE_BASE_URL)
Мой .env файл.
И я не понимаю, почему это работает?
console.info('env', import.meta.env.BASE_URL)
Ответы 1
Несколько вещей, которые нужно перепроверить, чтобы быть уверенными, что все работает хорошо:
.envнаходится в корне вашего проекта (то есть на том же уровне, что иpackage.json,.gitignoreи т. д.)- предпочитаю использовать двойные кавычки для переменных, например
VITE_NICE = "hello"
Тогда это должно работать хорошо в любом .vue файле.
<script setup>
console.info('env', import.meta.env.VITE_NICE)
</script>
Официальная страница документации.
Вот как должен выглядеть каталог (он же .env должен находиться за пределами каталога src).
.env находится в папке src, я использовал "", и он не работает.
@Дусан иногда это может работать без двойных кавычек (например, если только буквы), но, учитывая тот факт, что здесь /, это может интерпретироваться по-другому или требовать экранирования. Я взял за привычку заключать каждое значение в двойные кавычки, чтобы быть уверенным, что оно никогда не подведет. .env должен находиться в корневом каталоге, то есть на 1 уровень выше, чем src.
.env should be at the root directory Теперь это работает. Спасибо!
Да,
.envнаходится в корневой папке, и я не использовал никаких "", сейчас попробую.