Группировка страниц без влияния на роутер - Nuxt.js

Question

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

Так что я немного упросту вещи, но моя текущая структура выглядит следующим образом

/pages
  /login
  /registration
  /forgot-password
  /resend-confirmation-email
  .
  .
  .

Эта структура папок создает маршруты /login, /registration, /forgot-password, /resend-confirmation-email, это круто.

Таким образом, я могу сгруппировать первые четыре страницы в группу и назвать ее authorization.

В идеале новая структура папок должна выглядеть так:

/pages
   /authorization
     /login
     /registration
     /forgot-password
     /resend-confirmation-email
  .
  .
  .

Тем не менее, я хотел бы, чтобы маршрутизатор не испортился, я бы очень хотел, чтобы эти маршруты остались такими, какими они были.

Возможно ли это?

Answer 1

Итак, без плагинов и прочего, я заменил имя папки из объекта маршрута в функции расширенных маршрутов.

Файл nuxt.config.js

router: {
    extendRoutes(nuxtRoutes) {
      nuxtRoutes.map(route => {
        route.path = route.path.replace('/authorization', '');
        route.name = route.name.replace('authorization-', '');

        return route;
      });
    },
    ....
}

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

Answer 2

Вы можете использовать дополнительный модуль маршрутизатора Nuxt https://github.com/alibaba-aero/nuxt-router-extras/blob/dev/README.md

<router>
    path: /posts
</router>