在将项目从Angular重构为Vue时遇到路径不一致的问题，通过vue-router的重定向解决了分享链接指向旧路径的问题。然而，部分用户反馈重定向后页面不刷新导致空白。经过排查发现，重定向过程中先执行了旧路由。解决方案是在router中设置通配符路径，统一处理未匹配的旧链接，并在NotFound页面检测`redirectedFrom`属性，存在则执行页面刷新。
前阵子太忙了，自己一个人一边开发着新项目，一边维护着旧项目，没时间写博客，终于让我腾出时间了。废话少说，开始正文。
问题描述:
之前项目是angular开发的，后来用vue重构后。项目路径和vue路径不一致，但是app端分享出的链接，依旧是旧项目链接。
解决方法：
通过阅读vue-router的官方文档，发现重定向可以解决这个问题。
如之前文件路径是'/live/detail/id=7234'，'/skill/microList/',新项目路径是'/s/live/detail?id=7234','/s/live/list'
{path: '/live/list(/)?:foo', redirect: '/s/live/list'},
{path: '/s/live/list', meta: {keepAlive:true,title: '课程'}, component: resolve => require(['../pages/s/live/list/Index.vue'], resolve)},
{path: '/live/detail(/)?:id', redirect: '/s/live/detail?:id'},
{path: '/s/live/detail', meta: {title: '课程详情'}, component: resolve => require(['../pages/s/live/detail/Index.vue'], resolve)},
新的问题：
最低0.47元/天 解锁文章
扫一扫
1934
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
