路由-路由 redirect 重定向的使用|学习笔记

简介: 快速学习路由-路由 redirect 重定向的使用

开发者学堂课程【Vue.js 入门与实战路由-路由 redirect 重定向的使用】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/586/detail/8194


路由-路由 redirect 重定向的使用


首先,默认进入页面的时候,显示的是#/,其实不合理。如果想要默认进入时展示登录组件,就需要设置监听,进行如下操作:

{ path : '/ ' ,component: login },{ path: '/login' , component: login },{ path: '/register', component: register }

此时显示结果如下:

image.png

这样就可以实现默认展示某个组件。但是也有一些问题,此时是无法辨别 /login 组件和登录组件是否是同一个组件,为了防止这个问题,我们需要改为:

{ path : '/ ' ,redirect: ‘/login ‘  },//这里的 redirect 和Node中的redirect完全是两码事,因为 Node 内的 redirect 属于服务器端的技术,而这里的 redirect 是客户端通过某种方式,手动修改哈希值。

{ path: '/login' , component: login },{ path: '/register', component: register }

此时保存浏览:

为了防止路径问题把{ path : '/ ' ,component: login },

改为{ path: ' /',redirect: '' },//这里的 redirect 和Node中的redirect完全是两码

结果显示无误,如下图

image.png

这样能够实现,强制的去展示某个组件。

相关文章
|
6月前
|
前端开发
请求转发和重定向的区别
请求转发和重定向的区别
86 0
|
11月前
|
Java Spring
SpringMVC中转发与重定向(redirect与forward)实践实例
SpringMVC中转发与重定向(redirect与forward)实践实例
207 0
重定向和请求转发的区别
重定向和请求转发的区别
95 0
|
存储 Java 应用服务中间件
一文了解转发与重定向
一文了解转发与重定向
108 0
QGS
|
容器
浅谈SpringMVC之转发与重定向
SpringMVC转发与重定向的使用 转发:由web服务器跳转(可携带数据集合)。 重定向:由浏览器跳转(跳转页面)。
QGS
119 0
|
Java PHP
路由重定向
路由重定向
139 0
|
JavaScript 开发者
路由-路由redirect重定向的使用|学习笔记
快速学习路由-路由redirect重定向的使用
305 0
路由-路由redirect重定向的使用|学习笔记
|
移动开发 前端开发 JavaScript
前端路由解析(二) —— history路由
前端路由解析(二) —— history路由
259 0
前端路由解析(二) —— history路由
【Gin】文件上传,请求重定向,路由和路由组
路由组 我们可以将拥有共同URL前缀的路由划分为一个路由组。习惯性一对{}包裹同组的路由,这只是为了看着清晰,你用不用{}包裹功能上没什么区别。
182 0