登录页预加载首页

背景：采用动态路由，首页内容比较多，登录后跳转需要的时间长，通过网络请求发现请求的资源比较多，从而导致跳转占用的时间长。

解决方案：登录页使用import预加载首页，首页代码的加载提前到登录页，跳转时间就缩短了
方案一：在登录页的onMounted钩子函数中

onMounted(() => {
	// 首页代码
	import('@/views/index.vue')
})

方案二：在路由页面通过router.afterEach判断to.name

router.afterEach((to) => {
	if (to.name === 'Login') {
		import('@/views/index.vue')
	}
})

如果影响到了登录页的加载速度，可以把 import('@/views/index.vue')放到setTimout里延迟加载