如何在 NuxtJs 路由中使用 *（星号）？

Question

在由 vue-cli 生成的普通 Vue（不是 Nuxt）项目中，在 vue-router 中使用 * 像这样工作：

export default new Router({
  routes: [
    {
      path: "/about",
      name: "about",
      component: About,
      children: [
        {
          path: "*",
          component: About
        }
      ]
    }
  ]
});

所有这些路线都有效：

• /about
• /about/123
• /about/123/abc/123/abc

有没有办法在 NuxtJs 中做到这一点？在 Nuxt 中，路由是从 pages 文件夹中的文件自动生成的。但是 * 是 file/folder 名称的无效字符。

Answer 1

您使用 _ 来表示它是一个通配符，例如：

pages/about/_.vue

将解决 /about/*，我相信这就是您正在寻找的

如果你想要动态目录结构：

pages/about/_/abc/_/abc.vue

会解决 about/123/abc/123/abc（但没有多大意义）