Vue-router 别名 - alias

使用alias别名的形式,也可以实现类似重定向的效果。

在路由配置文件里(/src/router/index.js),给News路径起一个别名为 xinWen。

将页面中 News 的<router-link>路径更换为别名

点击导航 News 后,会跳转到新闻页面(News.vue),这时的路径为别名 ( /xinWen)。

redirect和alias的区别

redirect:仔细观察URL,redirect是直接改变了url的值,把url变成了真实的path路径。

alias:URL路径没有被改变,这种情况更友好,让用户知道自己访问的路径,只是改变了<router-view>中的内容。

别名用在path为’/’中,别名是不起作用的

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容