Vue router中alias和redirect的区别

redirect

<router-link to="/home"></router-link>

                {
                    path:'/home',
                    name:'home',
                    component:()=>import('@/components/a.vue'),
                    redirect:'/index' //重定向
                }

点击进入后显示的url

localhost:8080/#/index

显示的是重定向后的地址即index

alias

        {
            path:'/home',
            component:Home,
            name:'home',
            alias:"/h",   //别名
        }

点击进入后显示的url

localhost:8080/#/h

显示的是别名h

总结

• redirect:用户访问/home页面时,会跳转到/index页面,url会显示/index

• alias:当用户需要访问/home页面时,可以使用它的别名/h,url会显示/h