当前位置: 首页 > news >正文

vue报错:Loading chunk * failed,vue-router懒加载出错问题。

目录

    • 一、 出现场景
    • 二、 解决方案


一、 出现场景

菜单路由跳转时,有时页面会卡死,无法进行路由跳转
在这里插入图片描述

二、 解决方案

修改src目录下permission.js文件

router.onError((error) => {const jsPattern = /Loading chunk (\S)+ failed/gconst cssPattern = /Loading CSS chunk (\S)+ failed/gconst isChunkLoadFailed = error.message.match(jsPattern || cssPattern)const targetPath = router.history.pending.fullPathif (isChunkLoadFailed) {localStorage.setItem('targetPath', targetPath)window.location.reload()}
})router.onReady(() => {const targetPath = localStorage.getItem('targetPath')const tryReload = localStorage.getItem('tryReload')if (targetPath) {localStorage.removeItem('targetPath')if (!tryReload) {router.replace(targetPath)localStorage.setItem('tryReload', true)} else {localStorage.removeItem('tryReload')}}
})
http://www.xdnf.cn/news/197407.html

相关文章:

  • C++复习补充 类型转换和RTTI
  • 人工智能与机器学习:Python从零实现K-Means 算法
  • RAG工程-基于LangChain 实现 Advanced RAG(预检索优化)
  • 驱动开发硬核特训 │ Regulator 子系统全解
  • 企业架构之旅(2):解锁TOGAF ADM
  • 什么是 DDoS 攻击?高防 IP 如何有效防护?2025全面解析与方案推荐
  • 风力发电领域canopen转Profinet网关的应用
  • echarts X轴是日期,Y轴是文字
  • 【mysql】python+agent调用
  • 算法相关概念
  • Python创意爱心代码分享指南
  • 信号完整性简介第一篇
  • C++中的格式化字符串
  • TMI投稿指南(二):投稿文章注意事项
  • JAVA设计模式——(八)单例模式
  • 详解UnityWebRequest类
  • 02_使用 AES 算法实现文件加密上传至阿里云、解密下载
  • 阿里云ftp服务器登录要怎么做?如何访问ftp服务器?
  • 【权限模型】RBAC模型详解
  • 东莞SMT贴片加工工艺优化解析
  • 青年座谈会的读书汇报
  • Kotlin DSL 深度解析:从 Groovy 迁移的困惑与突破
  • vue3 如何设置全局属性
  • Docker的常用命令
  • WPF之Button控件详解
  • Crusader Kings III 王国风云 3(十字军之王 3) [DLC 解锁] [Steam] [Windows SteamOS macOS]
  • 多元函数微分之传统方法和全微分法
  • Qt笔记-自定义托盘弹出界面
  • 用于表格数据的神经网络分类器_TabPFN
  • Vuex持续保存数据 页面刷新不丢失 vuex-persistedstate