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