配置路由之后,默认访问path是“/”,此时只需给该路由对象中添加redirect属性,属性值为原path的属性值。
简单理解为启动项目时访问的是http://localhost:8080/,假如此时redirect:"/login",则启动项目后的默认访问地址为http://localhost:8080/login。
import Vue from 'vue'
import Router from 'vue-router'
//使用路由
Vue.use(Router)
export default new Router({
//配置路由
routers:[
{
path:'/',
redirect:'/login',
component:() =>import('@/components/Login')//路由懒加载写法
},
{
path:'/login',
component:() =>import('@/components/Login')
},
{
path:'/home',
component:() =>import('@/components/Home')
}
],
mode:'history'
})