Vue中路由重定向与别名有何本质不同?
- 内容介绍
- 文章标签
- 相关推荐
本文共计971个文字,预计阅读时间需要4分钟。
重定向设置+重定向也是通过+routes+配置完成,例如从+a+重定向到+b+:+const+router=new+VueRouter({+routes:[{+path:'+a+',+redirect:'+b+'}]+});+重定向的目标也可以是一个命名的路由:+const+route='+路由名称+';+
重定向
重定向也是通过 routes 配置来完成,下面例子是从 /a 重定向到 /b:
const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] })
重定向的目标也可以是一个命名的路由:
const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] })
甚至是一个方法,动态返回重定向目标:
const router = new VueRouter({ routes: [ { path: '/a', redirect: to => { // 方法接收 目标路由 作为参数 // return 重定向的 字符串路径/路径对象 }} ] })
注意导航守卫并没有应用在跳转路由上,而仅仅应用在其目标上。
本文共计971个文字,预计阅读时间需要4分钟。
重定向设置+重定向也是通过+routes+配置完成,例如从+a+重定向到+b+:+const+router=new+VueRouter({+routes:[{+path:'+a+',+redirect:'+b+'}]+});+重定向的目标也可以是一个命名的路由:+const+route='+路由名称+';+
重定向
重定向也是通过 routes 配置来完成,下面例子是从 /a 重定向到 /b:
const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] })
重定向的目标也可以是一个命名的路由:
const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] })
甚至是一个方法,动态返回重定向目标:
const router = new VueRouter({ routes: [ { path: '/a', redirect: to => { // 方法接收 目标路由 作为参数 // return 重定向的 字符串路径/路径对象 }} ] })
注意导航守卫并没有应用在跳转路由上,而仅仅应用在其目标上。

