javascript - 阻止 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在子文件夹中创建一个文件，范围之后的所有内容都将变为动态的，也是嵌套的。