Vue路由器动态路由问题和警告

Question

我不明白Vue (3)路由器有什么问题。我创建了这个动态路径：

    path: "/edit/:id",
    name: "Edit",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/Edit.vue"),
  },

当我将myapp.com/edit/123传递到地址栏时，视图被正确地呈现，我可以在代码中使用id，但是我得到警告Router warn]: No match found for location with path 2次

相反，如果我没有传递任何段id，但我只是尝试打开myapp.com/edit，视图就不会呈现，我仍然得到相同的警告3次。

我不明白出了什么问题..。

Answer 1

好吧，这是个简单的解决办法。只要在参数后面添加问号，它就变成了可选的，并且警告消失了path: "/edit/:id?。