vue中路由重定向redirect

1.重定向到平級的路徑上去

第一個對象里是配置路由path:’/'為項目的根目錄，redirect重定向為渲染的路徑redirect：'/index'（這里我是指向了第二個對象里的path）,所以就要寫第二個對象方便 redirect 找到它。

第二個對象里的配置path:’/index’是自定義的路徑，component / Customers組件名稱

2.重定向到子路由路徑上面去

父路由(path:'/')重定向到相應的子路由路徑上去了 redirect:'/index'

 

3.重定向的地址不需要接收參數

const routes = [
    { path: '/', redirect: '/index'},
    { path: '/index', component: index }
]

把"/"重定向到"/index"

 

4.重定向的地址需要接收參數然而沒有傳參

不會改變地址，頁面不會報錯但是也不會顯示內容

 

 

5.重定向的地址需要接收參數並且傳參

{
  path:'/goParams/:newsId(\\d+)/:newsTitle',
  redirect:'/params/:newsId(\\d+)/:newsTitle'
}

重定向改變了路徑，此時路徑並不是goParams/1993/yq love znf而是params/1993/yq love znf

 

參考---https://www.cnblogs.com/vickylinj/p/10901896.html

參考---https://blog.csdn.net/ws19900201/article/details/98201466

參考---https://router.vuejs.org/zh/guide/essentials/redirect-and-alias.html#%E9%87%8D%E5%AE%9A%E5%90%91