webpack懒加载出现的404

场景

部署前端项目-用户访问页面a（未访问其他页面、也没有其他页面的缓存）-码农更新代码-部署前端项目-用户由刚才的页面a跳转到页面b-js文件404

原因：后来部署时候原来的js文件已经删除，但是index.html文件没有刷新，所以不能获取最新的js。 解决办法：在懒加载的import后面添加catch，然后强制刷新页面。

{ path: 'home', title: {i18n: 'home'}, name: 'home_index', component: () => import('@/views/home/home.vue').catch((e)=>{ console.log(e) window.location.href = './' }) },