Vue中给router-view添加默认路由

Vue中给router-view添加默认路由

当我们进入主页面是发现导航并没有具体指向
router-view区域是空空一片
那么该如何给router-view添加默认指向的路由以避免http://localhost/页面无信息的尴尬

在路由信息里添加redirect

代码片段如下

path: '/',
	  component: () => import('@/views/front/layout'),
	  hidden: true,
	  redirect: 'home',
	  children: [
		  {
		    path: '/home',
		    name: 'index',
		    component: () => import('@/views/front/index'),
		    meta: {
		      title: "首页"
		    }
		  },

添加redirect: ‘home’
当进入/路由时router-view就会自动跳转到home页