一、问题
配置完动态路由后,出现警告错误,开启404后直接跳转404页面。
二、解决方法
配置完动态路由后,路由没有马上生效,可以查看to.matched.length
。
让动态路由生效需要手动改变当前位置,并覆盖我们原来的位置,如下代码都可以:
1 2 |
router.replace(router.currentRoute.value.fullPath) next() |
或者
1 2 |
router.push(to.path) next() |
三、文档
https://router.vuejs.org/zh/guide/advanced/dynamic-routing.html#%E6%B7%BB%E5%8A%A0%E8%B7%AF%E7%94%B1