使用alias别名的形式,我们也可以实现类似重定向的效果。
- 首先我们在路由配置文件里
(/src/router/index.js)
,给上节课的Home路径起一个别名,jspang
。
{
path: '/hi1',
component: Hi1,
alias:'/jspang'
}
- 配置我们的
<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'
}