Nuxt.js 路由器似乎没有加载正确的组件答案

【问题标题】：Nuxt.js router doesn't seem to load the correct componentNuxt.js 路由器似乎没有加载正确的组件
【发布时间】：2019-09-22 12:47:06
【问题描述】：

我们正在尝试 Nuxt.js，因为某个应用在让其路由器加载正确的组件时遇到了一点问题。我已经构建了我们的目录以生成以下内容：

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

问题是articles-id-edit 永远不会被调用。对于articles/123，调用article-id 路由并关联组件。对于articles/123/edit，当我期望article-id-edit 路由与其对应的组件一起调用时，将调用article-id 路由和相同的组件。

我不明白什么？什么是调试这个的好方法（比如 Rails 中的rake routes 或其他东西）。有没有办法让我的路线更明确，而不是自动创建？

【问题讨论】：

标签： vue.js vue-router nuxt.js

【解决方案1】：

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

要定义嵌套路由的父组件，你需要创建一个与包含您的目录同名的 Vue 文件孩子们的意见。

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

【讨论】：