vue 重定向 redirect

最新推荐文章于 2025-11-11 10:41:24 发布

原创最新推荐文章于 2025-11-11 10:41:24 发布 · 6.6k 阅读

6 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

157 篇文章

订阅专栏

本文详细解释了Vue.js中路由重定向的概念与实现方式。通过一个具体的代码示例，展示了如何配置路由，使得访问特定路径时自动跳转到另一个路径。这对于理解Vue路由系统的运作机制及其实现页面跳转具有重要意义。

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

export default new Router({
  routes: [
    {
      path: '/',
      name: 'practice',
      component: Practice,
      redirect: '/HelloWorld'
    },

    {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: HelloWorld,
      children:[
        {
          path: 'viewpac',
          name: 'viewpac',
          component: viewpac
        },
      ]
    },
    {
      path: '*',
      redirect: '/'
    }
  ]
})

意思就是访问 / 首页得时候访问得是HelloWorld 这个页面