Nuxt.js路由器似乎未加载正确的组件

Question

我们正在尝试将Nuxt.js用于一个应用程序，让他们的路由器加载正确的组件时遇到了一些问题。我已经将目录结构化以生成以下内容：

      path: "/articles/:id?",
      component: _241eccb7,
      name: "articles-id",
      children: [{
        path: "edit",
        component: _4bdace12,
        name: "articles-id-edit"
      }]
    }, {

问题在于没能调用article-id-edit。对于articles/123，将调用article-id路由及其相关组件。对于articles/123/edit，将调用article-id路由，并且当我希望article-id-edit路由及其相应的组件被调用时，将使用相同的组件。

我不明白什么？调试它的一种不错的方式（例如，在Rails中使用rake routes或其他方法）。有什么方法可以使我的路线更明确，而不是自动创建？

Answer 1

您的文件结构是否正确设置？根据文档：

  

要定义嵌套路由的父组件，您需要创建一个   与目录名称相同的Vue文件，其中包含您的   儿童观。

https://nuxtjs.org/guide/routing#nested-routes