美文网首页vue.js随笔-生活工作点滴
Vue-router 重定向 - redirect

Vue-router 重定向 - redirect

作者: Rising_life | 来源:发表于2019-07-12 16:51 被阅读2次

在开发中我们设置的路径虽然不一致,但我们希望跳转到同一个页面,或打开同一个组件。这时就用到了 路由重定向 redirect参数。

redirect 基本重定向

基本重定向只需在路由配置文件中(/src/router/index.js)把原来的 component 参数 换成 redirect 参数。

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

在 新闻详情(NewInfo.vue)页面给 新闻Title 配置 <router-link> 

当我们点击 新闻Title 时将会重定向到路径为 "/" (首页path)的页面

相关文章

  • Http重定向与转发

    重定向(Redirect) 重定向(Redirect)[https://baike.baidu.com/item/...

  • Vue-router 重定向 - redirect

    在开发中我们设置的路径虽然不一致,但我们希望跳转到同一个页面,或打开同一个组件。这时就用到了 路由重定向 redi...

  • Java 中Redirect和Forward

    Java中连接跳转的2中方式Redirect和Forward (重定向)Redirect 重定向是把request...

  • [vue-router4进阶] 2.重定向和别名

    重定向 重定向通过redirect属性来定义,页面会跳到redirect指定的路由比如,我们定义一个根路由‘/’,...

  • 开发混淆知识点

    Forward和Redirect的区别 简述: Forward(转发):直接请求 Redirect(重定向):间接...

  • struts-default常用的跳转结果类型

    dispatcher 转发,不指定默认为转发 redirect 重定向 redirectAction 重定向...

  • 10.Vue 路由重定向

    在Vue中可以设置路由的重定向,用法如下: 1.redirect: '/path'、redirect: {} 字符...

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

    资料来源于技术胖的个人网站 开发中有时候我们虽然设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个...

  • 重定向

    客户端重定向(Redirect)服务器重定向(Dispatch)-- 转发 客户端重定向标准意义的重定向是指HTT...

  • 管理请求处理

    1. url重定向 Response.Redirect 302 Response.RedirectPermanen...

网友评论

    本文标题:Vue-router 重定向 - redirect

    本文链接:https://www.haomeiwen.com/subject/xzzlkctx.html