Vue 路由重定向

路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面;

通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向:

var router = new VueRouter({ 
    routes: [      
        // 其中,path 表示需要被重定向的原地址,redirect 表示将要被重定向到的新地址  
        //当用户在地址栏中输入`/`,会自动的跳转到`/user`,而`/user`对应的组件为User
       {path:'/', redirect: '/user'}, 
      {path:'/user',component: User}, 
      {path:'/register',component: Register} 
    ] 
  })

具体实现的代码如下:



  
    
    
    
    Document
    
    
    
  
  
    
    
User Register

你可能感兴趣的:(Vue,vue.js)