Заголовки ответа в Nuxt

Иногда одному разделу сайта нужны одинаковые заголовки ответа: метка для отладки, подсказка CDN или согласованное имя окружения. Прописывать их в каждом серверном обработчике утомительно. В routeRules можно задать объект headers для шаблона пути, и Nuxt добавит пары ключ-значение ко всем подходящим запросам.

Давайте изучим правило для ветки каталога. Звёздочка в шаблоне означает любые сегменты ниже префикса /catalog/. Запись в nuxt.config.ts выглядит так:

export default defineNuxtConfig({
	routeRules: {
		'/catalog/**': {
			headers: { 'x-shop': 'demo' },
		},
	},
});

Ответы для /catalog, /catalog/shoes и любого другого пути под этим префиксом получат заголовок x-shop со значением demo. Страницы Vue при этом остаются обычными: правило не меняет шаблон, а только обогащает HTTP-ответ. Проверить заголовки можно во вкладке сети инструментов разработчика при обновлении страницы раздела.

Имена заголовков в примере учебные. В реальном проекте подставляют те, что ожидает прокси, балансировщик или политика безопасности. Главное - один раз описать шаблон пути и не дублировать установку заголовков в коде каждой страницы каталога.

Настройте routeRules так, чтобы все адреса под /employees/** отдавали заголовок x-app со значением staff.

Настройте routeRules так, чтобы все адреса под /departments/** отдавали заголовок x-app со значением org.