关于vue router得路由刷新问题

Question

有两个路由

{    name: "article",
    path: '/article/:id',
    component: null
},
{    name: "new-article",
    path: '/article/edit',
    component: ArticleEdit
},

现在我在通过代码到/article/edit页面，然后F5刷新后，就会路由到/article/:id页面，这个问题该怎么处理？

Answer 1

路由会从上到下匹配，这样你前面的/article/:id会被优先匹配到，要避免你遇到的问题，下面的方式可以参考一下：可以简单地将上下两个路由对调位置如果你的id是自增型的id的话，你也可以写成/article/:id(\\d+)来对前面的路由进行限制，详见：动态路由匹配用法换个路径，不要让两个路由匹配出现重叠

Answer 2

你的两个路由名字有问题，/article/edit 是符合 /article/:id，把编辑的改名字，不要用这种会引发潜在问题的路由地址，我想你应该是用路由名称进行跳转的，而不是用 path，但是在刷新时，就只能根据你现在所处的 path 去匹配你的路由，所以会出问题。