Vuejs2 分组页面而不影响路由器-Nuxt.js

我正在使用Nuxt创建我的应用程序，我有一组以某种方式相关的页面

所以我会简化一些，但我目前的结构是这样的

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

此文件夹结构正在创建

/login

，

/registration

，

/忘记密码

，

/重新发送确认电子邮件

路由，这很酷

因此，在某种程度上，我可以将前四页分组为一个组，并将其命名为

authorization

理想情况下，新文件夹结构应该如下所示

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

然而，我希望路由器不被弄乱，我非常希望这些路由保持原样

---

这可能吗？

您可以使用nuxt路由器附加模块

路径：/posts

您可以使用nuxt路由器附加模块

路径：/posts

因此，在没有插件和其他东西的情况下，我所做的是在extend routes函数中替换route对象中的文件夹名

文件

numxt.config.js

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

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

---

这看起来像是一个黑客，但它实际上正是我想要的。对于一些更大的项目，我可能会考虑完全覆盖路由器，但现在有点好。 因此，在没有插件的情况下，我所做的是在extend routes函数中替换route对象中的文件夹名

文件

numxt.config.js

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

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

---

这看起来像是一个黑客，但它实际上正是我想要的。对于一些更大的项目，我可能会考虑完全覆盖路由器，但现在有点好。 那么

别名

和

重定向

选项呢<代码>别名更适合这里-嗯，不确定这对我有什么帮助。。。如果我直接使用vue路由器，我就会知道如何做到这一点。但是nuxt正在创建基于目录结构的路由器文件，我想覆盖它……关于

alias

和

redirect

选项呢<代码>别名更适合这里-嗯，不确定这对我有什么帮助。。。如果我直接使用vue路由器，我就会知道如何做到这一点。但是nuxt正在创建基于目录结构的路由器文件，我想覆盖它……我会试试这个。我也在使用nuxt-i18n模块来翻译我的路由名称（为了搜索引擎优化），所以我会看看这是怎么回事。我会试试这个。我也在使用nuxt-i18n模块来翻译我的路由名称（为了搜索引擎优化），所以我会看看这是怎么回事。。