阻止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文件，那么作用域之后的所有內容都將變為動態的，也是嵌套的。