vue重定向和别名

vue重定向和别名

vue的路由里可以使用 ‘＊’ 来代替所有找不到的页面，即路径是path: ‘/＊’，这是可以指定找不到的页面的要跳转页面。
也可通过路由的重定向指定跳转的页面，即redirect:’/about’。
这里的重定向也可以有多种写法：

1. redirect:’/about’。
2. redirect:{path:’/about’}。
3. redirect:{name:‘home’}。

也可以动态设置重定向的目标：

redirect:(to)=>{
	//目标路由对象，就是访问的路径的路由信息
	console.log(to)
	if(to.path === '/123'){
		return '/home'
	} else if(to.path === '/456'){
		return {path:'/about'}
	} else {
		return {name:'document'}
	}
	
}

也可以给路由设置别名：

routes:[
	path:'/home',
	name:'Home',
	component:home,
	alias:'/index'
]

就是当访问路径是’/index’的时候，访问的页面也是路径‘/home’下的页面。