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文件夹中的文件自动生成的。但是*是文件/文件夹名称的无效字符。

Answer 1

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

pages/about/_.vue

将解决/about/*，这是我认为你正在寻找的

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

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

将为about/123/abc/123/abc解决（但这没有多大意义）

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

1 个答案: