NuxtJS и как установить макет страницы по умолчанию? - PullRequest
Новая
       7

NuxtJS и как установить макет страницы по умолчанию?

0 голосов
/ 03 февраля 2019

Так что я только начал работать с NuxtJS, и пока мне это нравится.Я сейчас пытаюсь выяснить, как установить макет страницы по умолчанию для страниц.В NuxtJS маршрутизация настраивается в папке страниц, и поэтому, если я хочу нацелить страницу с помощью слага, то примерно так, test.com/about.Я бы создал папку в папке страниц с именем _slug, а внутри этой папки _slug я бы добавил файл index.vue.Затем в этом файле я бы настроил макет, который я хочу, для страниц с небольшим фрагментом после базового URL.

Сейчас я нахожусь в точке, где у меня есть страница, URL-адрес которой выглядит как test.com/about/history.Я знаю, что могу добавить папку с именем about в папку страниц и добавить в нее папку с именем _slug, в которой находится файл index.vue, чтобы указать путь URL.

Но я хочу, чтобыдля страниц с test.com/about/(slug-name-here) использовать тот же макет страницы, что и для страницы -> _ slug-> index.vue, без необходимости копировать код в этом файле и использовать его снова вpage-> about -> _ slug-> index.vue file.

Итак, я пытаюсь выяснить, есть ли способ сообщить NuxtJS использовать page -> _ slug-> index.vue длякаждую страницу, если она не указана в папке страниц путем создания необходимой структуры папок.

1 Ответ

0 голосов
/ 03 февраля 2019

Вы можете управлять маршрутизацией, нажав метод extendedRoutes экземпляра router в вашем файле nuxt.config.js: 

export default {
  router: {
    extendRoutes (routes, resolve) {
      routes.push({
        name: 'custom',
        path: '*',
        component: resolve(__dirname, 'pages/_slug/index.vue')
      })
    }
  }
}

Тогда не создавайте больше страниц, и каждый маршрут будетперейти к этому конкретному файлу VUE.

...