[6]vue-router 的重定向-redirect

资料来源于技术胖的个人网站

开发中有时候我们虽然设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。 重新定位方向。 多用于返回页面。

redirect基本重定向

我们只要在路由配置文件中 (/src/router/index.js) 把原来的 component 换成 redirect 参数就可以了。我们来看一个简单的配置。

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

这里我们设置了goback路由,但是它并没有配置任何component(组件),而是直接redirect到path:’/’下了,这就是一个简单的重新定向。

重定向时传递参数

重定向时如果也需要传递参数怎么办?
其实vue也已经为我们设置好了,我们只需要在ridirect后边的参数里复制重定向路径的path参数就可以了。

path:'/params/:newsId(\\d+)/:newsTitle', component:Params