vue打包上传服务器加载提示错误Loading chunk {n} failed
更新时间：2023年08月25日 09:04:35 作者：fuGUI
这篇文章主要为大家介绍了vue打包上传服务器加载提示错误Loading chunk {n} failed解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
错误提示
如果出现了该提示错误，浏览器前进后退按钮都不可用了，必须要点击刷新按钮页面才能正常加载
如图所示：
解决示例
通过查看vue-router文档有一个router.onError的回调函数：原理就是在监听到路由报错信息后自动进行页面刷新，获取最新的代码。
具体方法在router目录下的index.js文件中添加代码如下：
router.onError((error) => {
const pattern = /Loading chunk (\d)+ failed/g
const isChunkLoadFailed = error.message.match(pattern)
const targetPath = router.history.pending.fullPath
if (isChunkLoadFailed) {
router.replace(targetPath)
}
})以上就是vue打包上传服务器加载提示错误Loading chunk {n} failed的详细内容，更多关于vue Loading chunk {n} failed的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了vue如何重置data的所有属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue2实现搜索结果中的搜索关键字高亮的代码,需要的朋友可以参考下2018-08-08
由于在项目中需要对数据进行可视化处理,也就是用图表展示,所以下面这篇文章主要给大家介绍了关于vue-echarts如何实现图表组件封装的相关资料,需要的朋友可以参考下2022-05-05
vue3+arco design通过动态表单方式实现自定义筛选功能
这篇文章主要介绍了vue3+arco design通过动态表单方式实现自定义筛选,本文主要实现通过动态表单的方式实现自定义筛选的功能,用户可以自己添加筛选的项目,筛选条件及筛选内容,需要的朋友可以参考下2024-05-05
混入mixin提供了一种非常灵活的方式，来分发Vue组件中的可复用功能，一个混入对象可以包含任意组件选项，接下来通过本文给大家介绍VUE mixin 使用,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue+element项目中过滤输入框特殊字符小结，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-08-08
在不同的前端项目中使用相同的axios封装有利于保持一致性,有利于数据之间的传递和处理,本文主要提供两种对axios进行封装的思路,有需要的小伙伴可以参考一下2023-10-10
Element-UI中关于table表格的那些骚操作(小结)
这篇文章主要介绍了Element-UI中关于table表格的那些骚操作(小结)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
vue video和vue-video-player实现视频铺满教程
这篇文章主要介绍了vue video和vue-video-player实现视频铺满教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
vue项目中在外部js文件中直接调用vue实例的方法比如说this
这篇文章主要介绍了vue项目中在外部js文件中直接调用vue实例的方法比如说this,需要的朋友可以参考下2019-04-04
最新评论