第6節：vue-router 的重定向-redirect

開發中有時候咱們雖然設置的路徑不一致，可是咱們但願跳轉到同一個頁面，或者說是打開同一個組件。這時候咱們就用到了路由的從新定向redirect參數。

redirect基本重定向

咱們只要在路由配置文件中（/src/router/index.js）把原來的component換成redirect參數就能夠了。咱們來看一個簡單的配置。

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

export default new Router({   routes: [     {       path: '/',       component: Hello     },{       path:'/params/:newsId(\\d+)/:newsTitle',       component:Params     },{       path:'/goback',       redirect:'/'     }     ] })

這裏咱們設置了goback路由，可是它並無配置任何component（組件），而是直接redirect到path:’/’下了，這就是一個簡單的從新定向。

重定向時傳遞參數

咱們已經學會了經過url來傳遞參數，那咱們重定向時若是也須要傳遞參數怎麼辦？其實vue也已經爲咱們設置好了，咱們只須要在ridirect後邊的參數裏複製重定向路徑的path參數就能夠了。可能你看的有點暈，咱們來看一段代碼：

 

1 2 3 4 5 6 7

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

已經有了一個params路由配置，咱們在設置一個goParams的路由重定向，並傳遞了參數。這時候咱們的路由參數就能夠傳遞給params.vue組件了。參數接收方法和正常的路由接收方法同樣。