组件重定向

学习完整课程请移步 互联网 Java 全栈工程师

本节视频

• 【视频】Vue 渐进式 JavaScript 框架-VueRouter-组件重定向

概述

重定向的意思大家都明白，但 Vue 中的重定向是作用在路径不同但组件相同的情况下

配置重定向

修改路由配置

    {
      path: '/main',
      name: 'Main',
      component: Main
    },
    {
      path: '/goHome',
      redirect: '/main'
    }

说明：这里定义了两个路径，一个是 /main ，一个是 /goHome，其中 /goHome 重定向到了 /main 路径，由此可以看出重定向不需要定义组件；

重定向到组件

设置对应路径即可

回到首页

带参数的重定向

修改路由配置

    {
      // 首页
      path: '/main/:username',
      name: 'Main',
      component: Main
    },
    {
      path: '/goHome/:username',
      redirect: '/main/:username'
    }

重定向到组件

回到首页