第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组件了。参数接收方法和正常的路由接收方法同样。