Редирект в конфигурации в Nuxt
Старые ссылки и закладки пользователей
иногда ведут на путь, который вы
уже переименовали. Вместо пустой
страницы или дубликата контента
можно объявить редирект в конфигурации.
Правило из routeRules обрабатывает
Nitro до выбора Vue-страницы: клиент
получает ответ с новым Location,
и браузер запрашивает уже другой URL.
Давайте разберём минимальный пример.
Файл nuxt.config.ts лежит в корне
проекта и создаётся вместе с Nuxt.
Для старого адреса укажем ключ
redirect с целевым путём:
export default defineNuxtConfig({
routeRules: {
'/old': { redirect: '/new' },
},
});
Запрос к /old завершится
перенаправлением на /new.
Файл old.vue в app/pages
для этого не нужен: правило срабатывает
на уровне сервера. Страницу /new
по-прежнему описывают обычным
файлом в каталоге pages, если там
должен быть HTML.
Такой редирект удобен для разовых переименований разделов и служебных адресов. Он не заменяет проверку прав в посреднике, но избавляет от лишних пустых страниц и дублирования логики навигации в каждом компоненте.
Настройте правило routeRules,
чтобы адрес /employees/archive
перенаправлял на /employees
без отдельной страницы archive.
Настройте правило routeRules,
чтобы адрес /departments/legacy
перенаправлял на /departments.