webpack 懒加载 部署应用 js 404

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 = './'
	})
},