Необязательные параметры и параметры остатка
Обрабатывайте необязательные сегменты с помощью [[optional]] и маршруты для любых продолжений с [...rest]
«Необязательные параметры и параметры остатка» — бесплатный урок Sveltejs Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Sveltejs Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Sveltejs Academy содержит 4 уроков всего.
Необязательные сегменты
Используйте двойные скобки [[optional]], чтобы сделать сегмент необязательным.
src/routes/[[lang]]/about/+page.svelteСоответствуют оба URL
Описанный выше маршрут соответствует и /about, и /en/about. Для первого адреса значение lang не определено.
Остаточные параметры
Используйте [...rest], чтобы получить все оставшиеся сегменты пути в виде массива.
src/routes/docs/[...slug]/+page.svelteЗахват нескольких сегментов
Описанный выше маршрут соответствует /docs, /docs/a, /docs/a/b и другим адресам. params.slug содержит объединённую строку.
Варианты использования
Остаточные параметры подходят для сайтов документации, вики и обозревателей файлов, где глубина пути меняется.
Сочетание
Сочетайте необязательные и остаточные параметры с обычными параметрами для гибкой маршрутизации.
Остаточный параметр — последним
Остаточный параметр должен быть последним сегментом; SvelteKit это контролирует.
Декодирование
Сегменты пути декодируются из URL; при построении URL кодируйте специальные символы.
Пустой остаточный параметр
Пустой остаточный параметр преобразуется в пустую строку. Обработайте это в функции загрузки.
Удобство для SEO
Остаточные маршруты позволяют обслуживать вложенную документацию без огромного дерева маршрутов.
Разрешение конфликтов
SvelteKit отдаёт предпочтение конкретным маршрутам перед остаточными. Статический маршрут имеет приоритет над остаточным.
Быстрая проверка
Что делает [...slug]?
Итоги
Используйте [[opt]] для необязательных сегментов и [...rest] для захвата всех оставшихся. Оба варианта делают маршрутизацию более гибкой.
Часто задаваемые вопросы
Урок «Необязательные параметры и параметры остатка» бесплатный?
Да — полный текст урока «Необязательные параметры и параметры остатка» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Sveltejs Academy, подпишись на CoddyKit PRO. Курс Sveltejs Academy содержит 4 уроков всего.
Чему я научусь в уроке «Необязательные параметры и параметры остатка»?
Обрабатывайте необязательные сегменты с помощью [[optional]] и маршруты для любых продолжений с [...rest] Ты практикуешь Sveltejs Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Sveltejs Academy?
Предыдущий опыт не требуется. Sveltejs Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Необязательные параметры и параметры остатка»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Sveltejs Academy?
Да. Каждый урок Sveltejs Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Маршрутизация на основе файлов с +page.svelte
- Динамические параметры маршрута: [id]
- Необязательные параметры и параметры остатка
- Файлы макета: +layout.svelte