解决使用router.addRoutes()设置动态路由，页面刷新后无效

最近在搞一个vue后台管理平台的项目，记录一下最近项目中遇到的一个坑，就是使用router.addRoutes()设置动态路由，页面刷新后重定向到了404，后来经过几天的研究才找到的真正的原因。原来是我在登陆之后把路由列表转换成了字符串类型数据存在了本地，当取出来的时候在转换成JSON时候发现发生这种问题的根本原因在于路由component参数在被json转换成字符串之后，然后转回对象的时...

清风拂山wj

8506人浏览 · 2020-03-25 17:15:51

清风拂山wj · 2020-03-25 17:15:51 发布

最近在搞一个vue后台管理平台的项目，记录一下最近项目中遇到的一个坑，就是使用router.addRoutes()设置动态路由，页面刷新后重定向到了404，后来经过几天的研究才找到的真正的原因。

原来是我在登陆之后把路由列表转换成了字符串类型数据存在了本地，当取出来的时候在转换成JSON时候

发现发生这种问题的根本原因在于路由component参数在被json转换成字符串之后，然后转回对象的时候无法解析

找到根本原因后问题后问题就迎刃而解了

参考文献 https://segmentfault.com/q/1010000009524078

https://forum.vuejs.org/t/vue-router-3-0-1-router-addroutes/33181/6

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^