谢谢你请我吃鸡腿*^_^*
支付宝扫一扫打赏
微信扫一扫打赏
什么是路由别名？通过生活实例来诠释，比如你在家叫你老婆叫“老婆”，但你老婆本名叫“翠花”，那你喊“翠花”是不是同样也是喊的她。但问题来了，同样是叫到同一个人头上，那到底会不会有什么区别呢？答案自然还是有点区别，你叫老婆，你老婆回应你声：诶，老公，怎么了？你叫翠花时候，你老婆是不是可能回拿笤帚对你进行家法伺候。那么回到代码中，异曲同工之妙。。。
需求：假如说我想展示一个组件，路由本身是这样的：http://localhost:1234/home，但在某些可能情况下，我想访问别的名字，比如：http://localhost:1234/abc，但我访问abc最终还是要展示之前访问home路由地址的内容，这个时候就需要用到别名了，那么来看下怎么配置：
1 2 3 4 5 6 7 8 9 | routes: [ { { path: '/home', component: HelloWorld, alias: '/abc' } } ] |
通过alias属性我们就能去配置对应的别名，那么通过别名进行访问，最直接的区别是什么呢？设置alias可以在访问路由为'/abc'重定向（redirect）时候路由地址不会跳转，依然为abc，也就是别名，通过abc地址渲染的还是home，但有必要注意的是，如果你使用这种方式，router-link的高亮就失效了。
上一篇：React脚手架项目中如何快速引入并使用echarts.js
支付宝扫一扫打赏
微信扫一扫打赏
电话支持
173xxxx7240在线交流
微信添加
共 0 条评论关于"Vue.js项目Vue-Router路由如何设置别名访问"
最新评论