脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue动态路由刷新界面白屏undefined

vue项目动态路由刷新界面白屏undefined问题及解决

 更新时间：2025年07月30日 10:10:56   作者：星空下的曙光  
这篇文章主要介绍了vue项目动态路由刷新界面白屏undefined问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

这里也是调试了好久终于是解决了；

总共尝试了多种解决方案；总结两种我已经试验成功的分享给大家

第一种：动态路由无非就是因为是接口请求后所导致

  • 这是一个笨方法，但是出奇的好用；
  • 可以用于解决燃眉之急【本质就是不使用动态路由的模式】

例如：

  • 路由配置的时候直接使用原始的路由配置；
  • 这样刷新以后就可以了；
  • 当然我们是有追求的向往进步的 这样也只是饮鸩止渴

第二种：利用本地缓存，localStorage，sessionStorage

注意：vuex处理时也是使用了本地缓存，这里直接跳过vuex感兴趣的可以自行研究

处理方法在首屏进入的时候即就请求动态路由添加至缓存中去，前提需要首页不是动态路由，或者使用第一种方式将首页变为静态路由

确保首页是静态路由后，请求接口后即可将请求回的路由信息进行缓存

这里我设置了一个 routersArr key值进行路由的缓存；

然后再路由配置文件中获取缓存，读取并添加到 routes 中

注意：if判断读缓存添加路由也不可放在 new VueRouter()后面，否则也会加载白屏

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

最新评论