似乎无法让基于动态文件系统的路由与 Nuxt.js 一起使用

如何解决似乎无法让基于动态文件系统的路由与 Nuxt.js 一起使用

想象以下端点：

/categories/{id}
/categories/{id}/sub-categories/{sub-id}

文件系统结构为：

categories
    sub-categories
        _subId.vue
    _id.vue

现在的期望是，如果我命中：

/categories/1

它会加载 _id.vue 并且工作正常。但是，如果我点击：

/categories/1/sub-categories/25

它仍然加载 _id.vue。 _subId 似乎从未加载过。

导致此问题的原因是什么？

我会包含代码，但严格来说，它似乎没有必要，如果需要，请询问。

解决方法

想通了。

它应该是结构化的：

categories
    _id
        sub-categories
            _subId.vue
        index.vue

进一步阅读

Dyanmic nested routes