NUXT - 动态路由的文件夹结构

Question

我需要这种类型的路线：

www.mywebsite.com/[category_#]/[product_#]

使这项工作的文件夹结构是：

/pages
  /_id
    /_id
      index.vue
    index.vue    
index.vue

不用说，这非常令人困惑。我会想象我在这里做错了什么。如何在明确文件/文件夹的实际名称的同时构建所需的路由结构？

编辑：如果您有任何想法，我也愿意接受“更好”的文件夹结构。

Answer 1

您可以使用_category 和_product，而不是_id：

/pages
  /_category
    _product.vue

然后在/pages/_category/_product.vue，你可以通过路由的params访问slug：

export default {
  async asyncData({ params }) {
    console.log(params.category, params.product)
  }
}