阻止nuxt查看特定范围内的文件夹

Question

我有一个网址，例如： https://example.com/category/laptop/keyboard 。

正常行为是 nuxt 会自动在/pages查找“类别”文件夹（这很好），然后进一步查找：“笔记本电脑”文件夹和最后一个“键盘”文件夹，其中应包含一个 vue 文件。

我希望“笔记本电脑/键盘”被称为:slug参数而不是文件夹遍历，但仅在/category/的范围内。 那可能吗？ 这是因为子嵌套类别。

我试图添加一个自定义路由示例：

router: {
  extendRoutes(routes, resolve) {
    routes.push({
      name: 'custom',
      path: '/product-category/*',
      component: resolve(__dirname, 'pages/produkt-kategori/_category')
    })
  }
},

不幸的是，这不起作用，它只是恢复到 404。此外，我无法获得参数。

Answer 1

所以。 发现我需要使用“未知动态嵌套路由”，参考这个文档： https : //nuxtjs.org/docs/2.x/features/file-system-routing 。

只需在子文件夹中创建一个_.vue文件，那么作用域之后的所有内容都将变为动态的，也是嵌套的。