使用addRoutes添加路由，刷新页面之后页面空白

Question

我需求是这样的，点击查看详情，然后跳转到详情页面，每点击一个查看详情都单独打开一个页面,详情页面只有一个，所以我跳转的时候要生成不同的path和name。实现以下效果。

//-----------------------------------------添加动态路由开始-----------------------------------
一、下面是点击查看详情的代码：
这一步是点击“查看详情的事件”我点击某一个“查看详情”的时候都会commit一个要添加的路由对象到vuex中。

二、我事先在state中定义好了默认的路由router，这个时候我把commit过来的路由对象push到了router下，并且使用了addrouters添加了commit过来的对象，并且使用localstorage 存储了state

上面的代码已经实现了点击按钮跳转详情页

//-----------------------------------------添加动态路由结束-----------------------------------

点击查看详情按钮跳转：

在详情页面刷新：

---

自此我在main初始化路由之前addroutes也没有效果：

Answer 1

你这个场景好像用动态路由更合适