как перенаправить на дочерний маршрут в nuxt? - PullRequest
0 голосов
/ 09 апреля 2019

я хочу перенаправить на дочерний маршрут, если пользователь ввел localhost:3000/browse, он перенаправляет на localhost:3000/browse/songs/new. но я не знаю как это сделать!

и я не знаю, какова лучшая структура компонентов для этого примера

мои маршруты будут такими:

localhost:3000/browse/songs/new
localhost:3000/browse/songs/popular
localhost:3000/browse/songs/top
localhost:3000/browse/songs/podcasts
localhost:3000/browse/songs/playlist

и во всей теме у меня есть общий раздел, но содержимое отличается.

общий раздел

1 Ответ

1 голос
/ 10 апреля 2019

Для автоматического перенаправления или при определенных условиях вам необходимо использовать middleware . Это можно настроить так:

//browse/index.js
<template>
  //no need for content as redirecting
</template>

<script>
export default {
  middleware: 'redirect'
}
</script>

и ваш файл промежуточного программного обеспечения ...

//middleware/redirect.js
export default function ({ store, redirect }) {
  // automatic redirect
  return redirect('/browse/songs/new')
}

Читайте о промежуточном программном обеспечении здесь

Структура ваших страниц настроена в папке pages , и вы называете папки и страницы так, как хотите, чтобы ваши маршруты были.

Читать об этом здесь

Для использования общей темы вы можете использовать макеты . В них будет раздел <nuxt-child/>, в котором будет отображаться содержимое отдельной страницы.

Вы можете прочитать о них здесь

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

...