全局路由守卫:
1.在router文件夹下的index.js里面操作:
1》原本的样子是这样的:
全局路由守卫的前置守卫
2》修改router文件夹里面的index.js 后的样子:
2》----的效果图;
分析前置守卫里面的参数:
1.to
1>代码:
2>看看1>里面的效果图:
2.from
1>代码:
2>看看1>里面的效果图:
3.next
1>代码:
2>看看1>里面的效果图:
3>的写法很多
情况1:
情况2:
*****************************************************************************************************
一:这一步代码能解决登录状态不能进入登录页面。
【我们要明白一个道理,当你登录的时候才会有token】
二:存在问题没登录啥页面也都能看
【我们要明白一个道理,登录了才有用户信息userInfo】
补充一点:(不能通过useInfo来判断)
故需要用(userInfo里面的属性有没有值来判断)
三:深入修改代码:
1>在router文件夹下的inde.js里面:
2>在store文件夹下的user.js里面:
3>在home组件里面:
这个最终的效果还不是特别清楚明天在搞!