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

问题描述

我有一个网址，例如： 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。此外，我无法获得参数。

解决方法

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

只需在子文件夹中创建一个 _.vue 文件，范围之后的所有内容都将变为动态的，并且也是嵌套的。