使用alias别名的形式,也可以实现类似重定向的效果。
1.首先我们在路由配置文件里(/src/router/index.js)
,给上节课的Home
路径起一个别名,jspang
。
{ path: '/hi1', component: Hi1, alias:'/jspang' }
2.配置我们的<router-link>
,起过别名之后,可以直接使用<router-link>
标签里的to
属性,进行重新定向。
<router-link to="/jspang">jspang</router-link>
redirect和alias的区别
redirect:仔细观察URL,redirect
是直接改变了url
的值,把url
变成了真实的path
路径。
alias:URL路径没有别改变,这种情况更友好,让用户知道自己访问的路径,只是改变了<router-view>
中的内容。
填个小坑:别名请不要用在path
为'/'
中,如下代码的别名是不起作用的。
{ path: '/', component: Hello, alias:'/home' }