开发者学堂课程【Vue.js 入门与实战:路由-路由 redirect 重定向的使用】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8194
路由-路由 redirect 重定向的使用
首先,默认进入页面的时候,显示的是#/,其实不合理。如果想要默认进入时展示登录组件,就需要设置监听,进行如下操作:
{ path : '/ ' ,component: login },{ path: '/login' , component: login },{ path: '/register', component: register }
此时显示结果如下:
这样就可以实现默认展示某个组件。但是也有一些问题,此时是无法辨别 /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完全是两码
事
结果显示无误,如下图:
这样能够实现,强制的去展示某个组件。