Как готовить шаурму в домашних условиях
Домашняя шаурма (шаверма, шавуха) — прекрасный вариант перекуса, который придётся по нраву как взрослым, так и детям. Как приготовить шаурму в условиях домашней кухни, чтобы было не только вкусно, но и полезно вы узнаете из собранных нами рецептов с фото и подробным описанием.
Содержание:
- 1 Что такое шаверма?
- 2 Основные компоненты шавухи
- 3 Классический рецепт домашней шавермы
- 4 Студенческая шавуха
- 5 Питерская шаверма
- 6 Перекус по-турецки
Что такое шаверма?
Сейчас вряд ли остался еще человек, который не слышал о таком представители фаст-фуда с диковинным названием шаверма. Готовят её в разных уголках мира по своему, да и названия часто звучат по-другому: шаверма, шавуха, дёнер-кебаб и другие. Но основная идея неизменна: сочное, с большим количеством специй, поджаристое мясо вместе со свежими или маринованными овощами и соусами заворачивают в лаваш (хлебную лепешку).
Основные компоненты шавухи
Шаурма в домашних условиях получается не менее аппетитной, чем в забегаловках. Но самое главное то, что вы будете абсолютно уверены в её качестве, так как все ингредиенты приготовите сами:
- Мясо — основной компонент такого кушанья. Подходит курятина, говядина, индюшатина или свинина. Сначала его необходимо замариновать, а затем обжарить на гриле. Такой аппарат на обычной кухне вряд ли найдешь, поэтому мы будем пользоваться сковородой гриль.
- Лаваш для шаурмы необходимо брать свежий. Он должен быть пластичным, мягким, без трещин и разрывов. Также прекрасно подойдёт арабская лепешка- пита, тогда сытная начинка кладётся в её середину.
- Овощи используют свежие или замаринованные. Их нарезают крупными кусочками, или делают из них салат и обязательно добавляют большое количество свежей ароматной зелени.
- Соус для шаурмы может быть сделан на майонезной, томатной или сметаной основе. Можно использовать горчицу, кетчуп и простой майонез. Зависит от ваших предпочтений.
Классический рецепт домашней шавермы
Сейчас мы расскажем как сделать шаурму в условиях домашней кухни. Для её приготовления не потребуется специальное оборудование. Готовить будем из курятины. В 100 граммах такого перекуса будет содержаться около 200 калорий.
На 1 тонкий лаваш возьмите такие продукты:
- филе курицы — 100 г;
- соевый маринад-15 мл;
- хмели сунели, карри, перец белый молотый — на кончике ножа;
- помидор — 1 шт.;
- зелень — 1 пучок;
- капуста молодая — 50 г;
- сыр — 30 г;
- небольшой огурчик маринованный — 1 шт.;
- сметана и майонез — по 1 ст. ложке;
- томатный кетчуп острый — 30 мл;
- горчица — по желанию;
- Олейна.
- Приготовление шаурмы начнем с филе: режим и складываем в посуду, где оно будет мариноваться. Поливаем соевым маринадом, притрушиваем специями и оставляем на 1 час в холодильнике.
- Сковороду-гриль хорошо подогреваем, добавляем немного жира (масла) и обжариваем мясо для шаурмы с каждой стороны по несколько минуток. Оно должно быть подрумяненным и сочным, а не сухим, пережаренным.
- Лаваш расстилаем и смазываем кетчупом. Натираем сверху сыр. Затем кладем шинкованную капусту, порезанные дольками помидор и огурчик. Поливаем смесью сметаны с майонезом, добавляем слегка остывшую курятину, притрушиваем укропом и слегка сбрызгиваем горчицей.
- Как заворачивать шаурму, зависит от вас. Мы рекомендуем свернуть её в рулетик так, чтобы вся начинка была внутри.
- Шаурма с курицей в лаваше обжаривается с двух сторон на хорошо прогретой сковороде с небольшим добавлением жира до появления карамельного цвета корочки. Кушать её лучше горячей. Предложенный рецепт шаурмы с курицей можно дополнять любыми другими продуктами.
Студенческая шавуха
Шавуха — это просто исковерканное название обычной шавермы. Она несомненно очень популярна среди молодёжи благодаря своей сытости. Но если вы беспокоитесь о здоровье своего чада, то лучше сделать её самим. Как сделать шавуху дома вы узнаете из следующего рецепта.
- 1 тонкий лаваш;
- 150 г свинины;
- 3 листа салата;
- 1 томат;
- 2 больших шампиньона;
- 50 г сыра;
- по щепотке паприки, карри, перемолотого перца;
- 30 мл сока из лимона;
- 50 г маргарина;
- соль, масло.
- 1 желток;
- 100 мл Олейны;
- 15 мл сока лимона;
- 30 г горчицы;
- 1 ст. ложка измельченной зелени;
- соль, сахар на вкус.
- Конечно же, предложенный рецепт шавухи лишь один из многих. Но все предлагаемые варианты очень схожи между собой. Сначала свининку разрезаем полосками шириной 1 сантиметр. Сбрызгиваем их соком лимона, присыпаем специями, немножко размешиваем и оставляем на полчаса пропитаться.
- Как обычно, гриль для шаурмы нам заменяет сковорода. Разогреваем в ней немножко жира, присаливаем и обжариваем мясо.
- Пока готовится свинина, мы сделаем соус для шавухи. Яичный желток тщательно взбиваем с щепоткой соли, сахара и горчицы. Продолжаем взбивать, добавляя по ложке Олейну. Масса должна получаться однородной, кремообразной. В завершении — вобьем лимонный сок и добавим мелкорезанной зелени.
- Обжаренную свинину вынимаем на тарелку, а в оставшемся жиру обжариваем порезанные грибы.
- Собирается домашняя шавуха просто. Тонкий лаваш смазываем поливкой. Притрушиваем половиной тертого сыра. Раскладываем листья салата. На них вылаживаем мясо, грибы, порезанные овощи и остатки сыра и сворачиваем в рулет.
- Маргарин растапливаем и смазываем им рулет со всех сторон. Обжариваем до аппетитной корочки со всех сторон. Мы рассказали вам, как приготовить шавуху, чтобы было и сытно и полезно для организма.
Питерская шаверма
Шаверма подаётся в пите — пресная плоская хлебная лепешка. Хотим предложить один рецепт шавермы, мясной компонент, которой будем мариновать в йогурте.
На 1 питу понадобится:
- 100 мл йогурта;
- кусочек имбирного корня;
- 1ч. ложка приправы для курицы;
- 1 чесночный зубок;
- 1 ст. ложка масла оливок;
- 150 г грудки курицы;
- по 1 помидору и огурцу;
- 1 пригоршня измельченного укропа;
- 1 луковица;
- соль на вкус;
- 50 мл майонеза;
- 50 мл сливок;
- 1 чесночный зубок;
- масло для жарки.
- Сначала приготовим маринад. В йогурт добавляем специи, масло, натертый имбирь и мелко нарезанный чеснок. Смесь размешиваем и равномерно наносим на порезанную грудинку. Накрываем пленкой и оставляем на пару часов.
- Поливка обязательно должна настояться, так что сделаем её заранее. Смешиваем майонез со сливками и очень мелко покрошенным чесноком. При желании можно присолить и добавить карри. Убираем настаиваться в холодное место.
- Лучок нарезаем половинками колечек и обливаем кипятком, что бы ушла вся горечь. Огурец и помидор режим крупными кусочками и смешиваем с укропом.
- В сковороде хорошо подогреваем жир, присаливаем и обжариваем до румяной корочки кусочки замаринованной грудинки.
- Питу разрезаем пополам. Каждую половинку обильно смазываем соусом. Раскладываем овощи и мясо и сворачиваем в конус. У вас должна получиться открытая шаурма. Обматываем её пергаментной бумагой и кладем в микроволновку на несколько минут. Сверху горячей начинки кладем ещё немного соуса. Вкусная и полезная шаверма готова.
Перекус по-турецки
Дёнер-кебаб — очень сытный перекус из баранины и овощей, который делают в Турции. Конечно, баранину можно заменить курятиной или свининой, но тогда это уже будет не то кушанье. Чтобы вам было легче её сделать, мы предлагаем вам в помощь пошаговый рецепт.
На 2 порции донер-кебаб вам потребуются такие продукты:
- 300 г мякоти баранины;
- 50 мл соевого маринада;
- 20мл бальзамического уксуса;
- по 2 шепотки сушеного тимьяна, хмели сунели, перемолотого перца;
- 50 мл Олейны;
- 30 г горчицы;
- 100 г пекинской капусты;
- по 1 томату и огурцу;
- 2 чесночных зубка;
- веточки кинзы;
- 100 мл майонеза;
- соль на вкус.
- Приготовление мяса для донер-кебаб достаточно долгий процесс, поэтому лучше баранину запечь заранее, а перед тем, как выкладывать в питу, разогреть в микроволновке. Мякоть протыкаем в нескольких местах ножом и натираем смесью соевого соуса, горчицы, уксуса, масла и специями. Накрываем и оставляем на несколько часов мариноваться.
- Затем упаковываем баранину в фольгу так, чтобы образовавшийся сок во время запекания не вытекал. Готовим в духовом шкафу при 180 градусах около 40 минут. Запеченному мясу даем немножко остыть и нарезаем сантиметровой соломкой.
- Капусту шинкуем, томат и огурец измельчаем. Листья кинзы и чеснок мелко рубим. Всё смешиваем и заправляем майонезом.
- Питу разделяем пополам. В середину слоями кладем салат и мясо. Готовый дёнер-кебаб лучше слегка прогреть в микроволновке.
Как видите, рецепт домашней шаурмы очень прост в исполнении и абсолютно не обязательно неукоснительно ему следовать. Здесь можно совершенно свободно проявить свою фантазию и придумать собственный вариант этого кушанья.
Рецепт домашней шаурмы без мяса, рецепты с фото
- Рецепты
- Рецепты по типу блюда
- Салаты и закуски
- Рецепты закусок
- Шаурма
Предыдущий рецепт
Следующий рецепт
Мой муж очень любит шаурму. Порой мне кажется, что он специально забывает взять из дому обед, чтоб был предлог сходить «налево» за ней родимой.Я ни в коем случае не против шаурмы с мясом, просто сегодня мне захотелось сделать ее более легкой. А чтоб отсутствие мяса ощущалось не сильно, я добавила в нее много других вкусняшек.
Кстати, вы никогда не задумывались, что шаурма – одно из самых сбалансированных блюд? Тут тебе и свежие овощи, и картошечка, и томат, и хлебушек… И все это преподнесено интересно, красиво и вкусно!
Ну, вернемся к моему рецепту.
Сложность приготовления – средняя
Время приготовления – около 1 часа
Ингредиенты на 4 порции:
лаваш – 4 листа (или 2 больших, разрезанных пополам)
майонез – 200 г
кетчуп – 100 г (можно взять любой томатный соус или просто помидоры)
картошка жареная – 200 г
капуста – 200 г
огурец – 1 шт.
зелень – 1/3 пучка
луковица – 1 шт.
Сначала я пожарила и остудила картошку.
Сделала майонез. Делаю я его стандартно по любимому рецепту Ксении Каб.
Дабы избавиться от специфического запаха, лук я предварительно замариновала. Но это делать не обязательно.
Мелко пошинковала капусту и перетерла ее с солью, чтоб она стала мягусенькая.
Порезала огурчик и зелень.
Сделала такой себе капустный салатик, но без заправки.
Теперь выложила на стол лаваш.
Центр правой части намазала майонезом и кетчупом. Вместо кетчупа можно смело использовать любой томатный соус или даже свежий помидор!
Выложила полоску лука, жареной картошки и капустного салата.
Очень вкусно еще покрошить в шаурму болгарский перчик. А если он красный, то еще и красиво получается. Но у меня сегодня болгарского перчика не нашлось.
Начала сворачивать шаурму рулетиком.
Завернула в середину края, чтоб начинка не выпадала.
Докрутила до самого конца.
Вот какая красивая шаурма у меня получилась.
Ее можно подавать целиком, обернув один край в салфетку, чтоб удобнее и гигиеничнее было брать руками. А можно разрезать и выложить на тарелку с зеленью и соусом.
Приятного аппетита!
Чтобы получать лучшие статьи, подпишитесь на страницы Алимеро в Яндекс Дзен, Вконтакте, Одноклассниках, Facebook и Pinterest!
- 111352
- 11
- 12
- 6 (505) Рецепт домашней шаурмы без мяса
Получить код для блога/форума/сайта
BB-код для вставки:BB-код используется на форумах HTML-код для вставки:
HTML код используется в блогах
Предпросмотр
Предыдущий рецепт
Следующий рецепт
Похожие статьи
Как выбрать гриппейп для деки скейтборда: MOB, Jessup и другие
ОБЗОР СКЕЙТА » Блог » Как выбрать гриппейп для скейтборда
Написал Егор Иванов в . Опубликовано в Без рубрики.
Когда вы впервые подумали о покупке скейтборда, вы были удивлены, приняв тот факт, что деки продаются без наждака. Он покупается отдельно и приклеивается по определенной технологии. Ваши родители были в еще большем шоке, когда вы рассказали им этот секрет: «Что еще, вам нужно платить 500 рублей (а иногда и намного больше) за покрытие на вашем коньке? Ты погубишь нас! Если после этого желание познавать мир скейтбординга не пропало, то перед вами встает вопрос выбора именно скина (не вашей девушки, которая «сосет» у вас деньги на шавуху, а броского чехла для скейтборда) . Все сложности и нюансы выбора мы раскроем для вас в этой статье.
История наждака на скейтбордах
На самом деле первые скейтеры вообще не знали, что такое наждачное покрытие для доски. Они катались босиком по «голой» доске и не знали горя. Также, будучи в первую очередь серферами, они пытались использовать здесь лайфхаки своей водной стихии:
- использовали специальный аэрозольный клей, которым пользовались на сёрфе;
- накапал воск на доску, чтобы создать определенные выпуклости и сделать покрытие более броским;
- залил доску смолой и закатал туда песок (это был первый прототип современной гриппы).
После этого «самоделки» стали делать грипп в его современном понимании, но на бумажной подложке (китайцы до сих пор так делают, чтобы максимально удешевить производство). В случае попадания влаги такое покрытие просто отслаивалось от доски. А спустя год производители стали использовать специальную подложку для длительного сохранения кожи на вашей доске.
Производители
На рынке штатных скейтбордов огромное количество брендов выпускают скины. Не боимся сказать, что ваш кореша таскает с Алиэкспресс «Профессиональные перчатки для скейтборда скотчи Нескользящая наждачная бумага для скейтборда 84*23 см рыбная доска лонгборд скейтборд захват скотч шероховатый», лепит там вашу этикетку и подталкивает к «чикарам» в тридорого. Бизнес-уровень 89, но статья не об этом.
Среди самых известных производителей скинов можно выделить:
- Mob Grip — https://mobgrip.com/
- Jessup — https://www.griptape.com/
Это два гиганта этого сцена. Это бренды, основным скейт-продуктом которых является кожа. В качестве их товаров можно не сомневаться.
Сейчас все производители скейтбордов (ну почти все) выпускают наждак под своим брендом. Это отличная возможность увеличить средний чек на покупку скейтборда, ведь скейтбординг — хороший бизнес.
Вывод: сегодня практически не важно, какого производителя вы покупаете скин. Они все +- одинаковые. Ориентируйтесь на цену и графику, если для вас это важно.
Цена
Минимальная цена наждака в любом местном скейт-шопе или любом крупном интернет-магазине 350 рублей. Сегодня реальность такова, что за эту цену вы можете позволить себе товары Union или Footwork, но не какой-либо иностранной марки. Эмери от Моба обойдется вашему кошельку или кошельку родителей минимум в 500 рублей (и это без всяких надписей Trasher и т.п.).
Вывод: если вы понимаете принцип «если нет разницы, то зачем платить больше», то покупайте самый дешевый наждак и будьте довольны (не относится ни к каким недоскинам с Алиэкспресс).
Рисунок
Раньше производители опасались делать наждак с рисунками. Сейчас в коллекции каждого бренда есть какой-то цветовой вариант. Покупать с рисунком или без — субъективный выбор каждого. Но есть несколько оговорок. Например, в первых вариантах наждачного покрытия с рисунками от Footwork рисунок наносился сверху, что минимизировало прилипание в его области. Хороший рисунок сделан на подложке и не влияет на прочность кожи.
Также многие покупают обычный чистый наждак и красят его сами. Griptape art очень распространен и в сети можно найти целые произведения искусства, выполненные в коже. Рисуйте с умом и не заливайте весь наждак краской из баллончика, а потом удивляйтесь, что она совсем не цепляется.
Вывод: с рисунком или без – на ваш выбор.
Перфорация
Сегодня трудно найти кожу, которая будет выполнена без перфорации. Нужна перфорированная подложка, чтобы дрожащими руками наклеить наждак без пузырей. Без перфорации это сделать очень и очень сложно.
Вывод: не думайте о наличии этого фактора. Очевидно, что скин RIPNDIP, который вы хотите купить, имеет перфорацию.
Если решили купить скин для того, чтобы кататься, то берите самый дешевый в скейтшопе и не парьтесь. Если вам нужен наждак для того, чтобы выделяться на фоне других фигуристов, то покупайте «красивый», но когда увидите на него цену, то 1000 раз подумаете.
Подпишитесь на нашу рассылку:
Новости скейтборда со всего мира
Следуй за мной
Категории
Бренды
Как
фигуристов
Исследовать
Copyright © 2020 — 2023 | Продвижение сайта — Иванов Егор
vue.js — Как передать переменные env в nuxt в продакшене?
спросил
Изменено 7 месяцев назад
Просмотрено 40 тысяч раз
nuxt. config.js
модули: [ '@nuxtjs/dotenv' ],
server/index.js
const express = require('express') const consola = требуется('консоль') const { Nuxt, Builder } = требуется ('nuxt') постоянное приложение = экспресс() константный хост = процесс.env.HOST || «0.0.0.0» постоянный порт = 8080 app.set('порт', порт) // Импорт и настройка параметров Nuxt.js пусть config = требует ('../nuxt.config.js') config.dev = !(process.env.NODE_ENV === 'производство') const Storage = require('@google-cloud/storage') const dotenv = требуется ('dotenv') асинхронная функция getEnv() { если (config.dev) { dotenv.config({ путь: '.env' }) console.log('Загружен локальный файл .env среды.') console.log(process.env.LOCALE) возвращаться } пытаться { const BucketName = 'env-var' константа dotEnvSourcePath = `.env` const dotEnvDestinationPath = `/tmp/${dotEnvSourcePath}` константное хранилище = новое хранилище ({}) ждать хранения .bucket(имя_ведра) . файл (точкаEnvSourcePath) .download({ пункт назначения: dotEnvDestinationPath}) console.log( `gs://${bucketName}/${dotEnvSourcePath} загружено в ${dotEnvDestinationPath}.` ) dotenv.config({путь: dotEnvDestinationPath}) } поймать (ошибиться) { console.error('ОШИБКА:', ошибка) } } асинхронная функция afterEnvProcess() { // Инициируем Nuxt.js const nuxt = новый Nuxt (конфигурация) // Сборка только в режиме разработки если (config.dev) { const builder = новый Builder (nuxt) ждать строитель.сборка() } // Передаем промежуточное ПО nuxt для выражения app.use(nuxt.render) // Слушаем сервер app.listen(порт, хост) consola.ready({ сообщение: `Сервер прослушивает http://${хост}:${порт}`, значок: правда }) const fs = требуется ('fs') константа dotEnvExists = fs.existsSync('.env') } получитьокружение() .then(r => послеEnvProcess()) .catch(е => console.log(е))
Я получаю значения для process.env.
как undefined
при запуске приложения в рабочей среде. При работе в разработке я правильно получаю значения. Кажется, что переменные env не передаются в свойство nuxt env.
РЕДАКТИРОВАТЬ 1: Я вижу правильные значения в облачных журналах Google, когда я консольно регистрирую переменные env с помощью process.env. но в то же время эти операторы журнала консоли показывают undefined в консоли браузера
- vue.js
- nuxt.js
Большинство людей используют пакет dotenv
, но мне не нравится это решение, потому что оно добавляет необходимость управления дополнительным файлом, отличным от производства и разработки, в то время как вы можете автоматизировать веб-пакет для использования правильных значений без лишних хлопот.
Более простой способ:
//package.json "скрипты": { "dev": "NODE_ENV=dev nuxt" }
//nuxt.config.js среда: { базовый URL: process.env.NODE_ENV === 'разработчик' ? 'http://локальный: 3000' : 'https://мой-домен. com' }
Это позволит вам использовать правильное значение, вызвав process.env.baseUrl
. Обратите внимание, что вы можете проверить это с помощью console.log(process.env.baseUrl)
, но не console.log(process.env)
, по крайней мере, в Chrome.
nuxt.config.env Попался!
Для будущих сотрудников Google, включая меня, есть досадная ошибка, которую nuxt.config.js не очень хорошо объясняет.
process.env.SOMETHING
буквально заменяется во время сборки значением config.env.SOMETHING
перед сборкой
if (process.env.SOMETHING == 'testing123')
после сборки
if ('testing123' == 'testing123')
Это также не работает с объектами! только литералы.
// Это вам не подойдет! установлен () { console.log('процесс.env', процесс.env) }
https://nuxtjs.org/api/configuration-env/
Переменные окружения объединяются во время сборки. Поэтому вам нужно установить их при сборке для производства
Они будут доступны во время выполнения на вашем сервере/index.js, но когда nuxt build dist заменяет process.env.* значениями, которые были переданы во время сборки, так что на самом деле не имеет значения, что вы передаете, когда запускаете сервер для этих переменных.
5Как сказал @Aldarund ранее: переменные среды устанавливаются во время сборки, а не во время выполнения.
Начиная с Nuxt.js 2.13+, вы можете использовать конфигурацию среды выполнения и встроенную поддержку dotenv. Что обеспечивает лучшую безопасность и более быструю разработку.
Чтобы использовать переменные среды в качестве axios baseUrl во время выполнения, вы можете использовать:
publicRuntimeConfig: { аксиомы: { базовый URL: процесс.env.BASE_URL } },
Дополнительная информация о конфигурации среды выполнения: https://nuxtjs.org/blog/moving-from-nuxtjs-dotenv-to-runtime-config/
Дополнительная информация о конфигурации среды выполнения axios: https://axios. nuxtjs.org /опции
- Не использовать
@nuxtjs/dotenv
, замена реализована в фреймворке от Nuxt v2.13 - Используйте имена env, начиная с
NUXT
для частного иNUXT_PUBLIC
, если можно открыть для браузера
Пример вашего .env (в локальном файле и в качестве переменных среды на производстве)
NUXT_API_SECRET=api_secret_token NUXT_PUBLIC_API_BASE=https://nuxtjs.org
Пример nuxt.config.ts
экспорт по умолчанию defineNuxtConfig({ Конфигурация среды выполнения: { apiSecret: process.env.NUXT_API_SECRET ?? 'по умолчанию', общественность: { apiBase: process.env.NUXT_PUBLIC_API_BASE ?? 'значение по умолчанию', } }, })
и вы можете использовать его в компонентах
<настройка сценария> константная конфигурация = useRuntimeConfig() console.log('Конфигурация среды выполнения:', config) если (процесс.сервер) { console.log('Секрет API:', config. apiSecret) } скрипт>
или плагины
экспорт по умолчанию defineNuxtPlugin((nuxtApp) => константная конфигурация = useRuntimeConfig() console.log('Базовый URL-адрес API:', config.public.apiBase)
в каталоге сервера, у вас по-прежнему будет прямой доступ к process.env
.
Я знаю, что уже есть 10 других ответов, но чувствую, что все они неполные, потому что, следуя этому руководству, вы можете вводить переменную после фазы сборки (во время выполнения), что является хорошей практикой, описанной в «фактор 12».
В некоторых случаях вас может интересовать «конфигурация приложения» вместо «конфигурация времени выполнения». Ниже ссылка для сравнения:
https://nuxt.com/docs/getting-started/configuration#runtimeconfig-vs-appconfig
Источники:
- @nuxtjs/dotenv не требуется
- официальных документов с примерами
- 12 факторов
УПД. Это будет работать только в универсальном режиме, потому что nuxtServerInit не будет вызываться в режиме SPA.
Вы можете собрать Nuxt для производства без каких-либо переменных среды. А затем установите его в хранилище в nuxtServerInit.
Для этого я использую env-cmd.
У меня есть файл .env-cmdrc следующего содержания:
{ "производство": { "API_URL": "https://api.example.com/", "IMG_URL": "https://img.example.com/", "ENV_PATH": "./.cmdrc.json" }, "постановка": { "API_URL": "https://stage.example.com/", "IMG_URL": "https://stage.img.shavuha.com/", "ENV_PATH": "./.cmdrc.json" }, "разработка": { "API_URL": "https://stage.api.example.com/", "IMG_URL": "https://stage.img.example.com/", "ENV_PATH": "./.cmdrc.json" } }
В магазине у меня примерно так:
export const state = () => ({ API_url: '', img_url: '' }) экспорт константных мутаций = { SET_PROCESS_ENV: (состояние, полезная нагрузка) => { state.api_url = полезная нагрузка.api_url state.img_url = полезная нагрузка.img_url } }
Действие nuxtServerInit:
commit('settings/SET_PROCESS_ENV', { API_url: процесс. env.API_URL, img_url: процесс.env.IMG_URL })
package.json:
"dev": "env-cmd -e development -r .env-cmdrc nuxt", "сборка": "следующая сборка", "start_stage": "env-cmd -e staging -r .env-cmdrc nuxt start",1
Так работает!
Я долго боролся за это и комментировал пост с начала 2021 года, но теперь я решил сделать это правильно.
Среда выполнения Nuxt для использования в обычном режиме, установив их в блоке publicRuntimeConfig
, например,
publicRuntimeConfig: { myVariable: process.env.MY_VARIABLE || '', аксиомы: { базовый URL: процесс.env.BASE_URL || 'http://api.example.com', }, }
Самый запутанный момент, который мы делаем, в основном мы используем этот код в нашем блоке
if (process.env.MY_VARIABLE == 'something') { }
Правильный способ, который мы должны использовать следующим образом:
if (this.$config.myVariable == 'something') { }
А для axios это должно хорошо обрабатываться nuxtjs, за исключением случаев, когда у вас есть собственное правило для передачи baseUrl на стороне компонента, вам нужно сделать это через вызов this. $config
и не использовать процесс . env.xxx
И теперь на каждом окружении у меня просто свой .env и я передаю переменную как мы используем во время сборки, все работает хорошо, в том числе и через докер.
Я создал функцию, которая может обновлять настройки модуля из /server/index.js
даже в рабочей среде.
Это предназначено только для работы с синтаксисом конфигурации модуля в стиле массива. Вот так
['@nuxtjs/google-gtag', { ... }]
nuxt.config.js
// Импорт и настройка параметров Nuxt.js константная конфигурация = требуется ('../nuxt.config.js') config.dev = process.env.NODE_ENV !== 'производство' функция updateConfigModuleSettings (имя, настройки) { const i = config.modules.findIndex(m => Array.isArray(m) && m[0] === имя) если (я > -1) { const oldSettings = config.modules[i][1] config.modules[i][1] = { ...старые настройки, ...настройки } } еще { выбросить новый RangeError («Не удалось найти модуль Nuxt с именем «$ {name}»)» } } // вызывайте функцию столько раз, сколько хотите, с переопределением настроек вашего модуля updateConfigModuleSettings('@nuxtjs/google-gtag', { идентификатор: process.