路由规则redirect属性重定向

作者: 小丘啦啦啦 | 来源:发表于2019-04-28 09:32 被阅读0次

一、根路径显示默认组件
刚进入页面根路径需要默认展示组件，可以加上根路径的路由规则。

{
    path:'/',   //根路径
    component:login   //根路径默认展示登陆组件
}

虽然这样做可以，但是会让人疑惑。展示的是登陆组件，但是路径却是根路径；点击登陆也会显示登陆组件，路径又变成了登陆路径。让人蒙蔽。

二、路由规则redirect重定向
为了防止这个问题，使用redirect属性进行重定向URL地址。
修改为：

{
    path:'/',   //根路径
    redirect:'/login'   //重定向url地址
}

此时刚进页面就会重定向到默认组件。

[vue-router4进阶] 2.重定向和别名
重定向重定向通过redirect属性来定义，页面会跳到redirect指定的路由比如，我们定义一个根路由‘/’，...
路由规则redirect属性重定向
一、根路径显示默认组件刚进入页面根路径需要默认展示组件，可以加上根路径的路由规则。此时刚进页面就会重定向到默认组件。
10.Vue 路由重定向
在Vue中可以设置路由的重定向，用法如下： 1.redirect: '/path'、redirect: {} 字符...
HttpResponse与cookie
HttpResponse 属性一、render 渲染一个页面属性二、redirect 重定向，跳转页面属性三、...
Http重定向与转发
重定向(Redirect) 重定向(Redirect)[https://baike.baidu.com/item/...
vue-router @4.x 和 @3.x 对比
1. 创建实例 2. 路由重定向 vue2.x使用路由选项redirect设置路由自动调整，vue3.x中移除了这...
router
重定向redirect 嵌套路由 children PageB页面中需要占位符来展示T...
flask知识点
初始化启动服务器路由app.route 视图函数重定向redirect 请求上下文request和sessi...
Java 中Redirect和Forward
Java中连接跳转的2中方式Redirect和Forward （重定向）Redirect 重定向是把request...
开发混淆知识点
Forward和Redirect的区别简述： Forward(转发)：直接请求 Redirect(重定向)：间接...

网友评论

本文标题：路由规则redirect属性重定向

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

路由规则redirect属性重定向