vue-router重定向和路由别名的使用讲解

来源：动视网责编：小采时间：2020-11-27 22:01:48

vue-router重定向和路由别名的使用讲解:一、重定向（你访问这个路径，但他跳到另一个路径，地址栏中显示目标路由的那个路径）重定向的意思是，当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b 二、路由别名（就是给这个路由起了个名字，访问这个路由的时候不需要访问path 而

推荐度：

点击下载本文 文档为doc格式

导读vue-router重定向和路由别名的使用讲解:一、重定向（你访问这个路径，但他跳到另一个路径，地址栏中显示目标路由的那个路径）重定向的意思是，当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b 二、路由别名（就是给这个路由起了个名字，访问这个路由的时候不需要访问path 而

一、重定向（你访问这个路径，但他跳到另一个路径，地址栏中显示目标路由的那个路径）

“重定向”的意思是，当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b

二、路由别名（就是给这个路由起了个名字，访问这个路由的时候不需要访问path 而是访问alias后面的）

/a 的别名是 /b，意味着，当用户访问 /b 时，URL 会保持为 /b，但是路由匹配则为 /a，就像用户访问 /a 一样。

上面对应的路由配置为：

const router = new VueRouter({
 routes: [
 { path: '/a', component: A, alias: '/b' }
 ]
})

若有不足请多多指教！希望给您带来帮助！

总结

推荐度：

点击下载本文 文档为doc格式

标签： VUE 路由别名