第7节：alias别名的使用

上节学习了路由的重定向，我相信大家已经可以熟练使用redirect进行重定向了。使用alias别名的形式，我们也可以实现类似重定向的效果。

1.首先我们在路由配置文件里（/src/router/index.js），给上节课的Home路径起一个别名，jspang。

 

1 2 3 4 5

{     path: '/hi1',     component: Hi1,     alias:'/jspang' }

2.配置我们的<router-link>，起过别名之后，可以直接使用<router-link>标签里的to属性，进行重新定向。

 

1	<router-link to="/jspang">jspang</router-link>

 

redirect和alias的区别

• redirect：仔细观察URL，redirect是直接改变了url的值，把url变成了真实的path路径。
• alias：URL路径没有别改变，这种情况更友好，让用户知道自己访问的路径，只是改变了<router-view>中的内容。

填个小坑：

别名请不要用在path为’/’中，如下代码的别名是不起作用的。

 

1 2 3 4 5

{   path: '/',   component: Hello,   alias:'/home' }

在实际项目中我们遇到了这样的坑，开始以为是自己的代码写的有问题，找了两个小时作用。后来发现不是代码问题，只是vue不支持这样使用。我们犯过错误，踩过了坑，希望大家就不要