vue3+vue-route4,springboot+vue项目添加了动态路由之后,在首页可以刷新,在添加的动态路由界面刷新就白屏,报错说找不到路由

vue3+vue-route4,springboot+vue项目添加了动态路由之后,在首页可以刷新,在添加的动态路由界面刷新就白屏,报错说找不到路由

首页若是可以刷新正常显示,而动态的页面刷新旧白屏,报错说找不到路由

  • 原因分析:
    通过 找不到 路由 来分析,(从问题来看)第一次进入动态路由似乎没问题,那就是刷新之后,本地路由的变化了
    推测是 路由的生成后没有本地缓存,导致在动态路由页面刷新之后,项目中的路由又重新变回默认路由了(即没有动态路由的本地静态路由---如果你有静态路由的话)

  • 解决的方案:
    路由在 请求路由信息API成功后,生成的路由信息对象存入Vuex中(或者本地缓存里面),后续调用路由直接从 Vuex中(或者本地缓存里面)里面调用