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

此时显示结果如下：

这样就可以实现默认展示某个组件。但是也有一些问题，此时是无法辨别 /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完全是两码事

结果显示无误，如下图：

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