路由-路由 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

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

相关文章
|
4月前
|
Python
路由(URL routing)
【8月更文挑战第23天】
37 4
|
7月前
|
JavaScript Go
路由跳转及路由传参
路由跳转及路由传参
35 1
|
7月前
|
前端开发
请求转发和重定向的区别
请求转发和重定向的区别
95 0
|
7月前
springmvc请求转发和重定向的四种跳转方式
springmvc请求转发和重定向的四种跳转方式
|
Java Spring
SpringMVC中转发与重定向(redirect与forward)实践实例
SpringMVC中转发与重定向(redirect与forward)实践实例
235 0
|
存储 Java 应用服务中间件
一文了解转发与重定向
一文了解转发与重定向
111 0
重定向和请求转发的区别
重定向和请求转发的区别
99 0
QGS
|
容器
浅谈SpringMVC之转发与重定向
SpringMVC转发与重定向的使用 转发:由web服务器跳转(可携带数据集合)。 重定向:由浏览器跳转(跳转页面)。
QGS
122 0
|
Java PHP
路由重定向
路由重定向
145 0
|
JavaScript 开发者
路由-路由redirect重定向的使用|学习笔记
快速学习路由-路由redirect重定向的使用
310 0
路由-路由redirect重定向的使用|学习笔记