vue2刷新页面后动态路由没有了

回答: 当使用vuex持久化插件时，刷新页面后动态路由会丢失。这是因为在刷新页面时，路由不是响应式的，导致找不到之前添加的动态路由而出现空白页面。解决这个问题的方法是在main.js中的new Vue()中加入created()钩子函数，并将创建动态路由的方法放在其中。这样在刷新页面时，会重新执行创建动态路由的方法，解决了动态路由丢失的问题。另外，还可以通过在router.beforeEach()中进行拦截来解决刷新页面后动态路由丢失的问题。具体的代码实现可以参考引用\[2\]中的示例代码。
#### 引用[.reference_title]
- *1* [vue2动态路由刷新页面空白](https://blog.csdn.net/weixin_42821697/article/details/126421090)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue动态添加路由后刷新失效问题](https://blog.csdn.net/weixin_48309048/article/details/128250397)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [关于Vue刷新后丢失动态路由](https://blog.csdn.net/weixin_42652039/article/details/127957451)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]