vue怎么设置全局路由守卫
方法/步骤
1
回调函数中的参数,to:进入到哪个路由去,from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。
2
在main.js中,有一个路由实例化对象router。在main.js中设置守卫已是全局守卫
3
判断to.path当前将要进入的路径是否为登录或注册,如果是就执行next(),展示当前界面。如果不是,就弹出alert,然后移至登录界面。
4
这样就可实现,用户在未登录状态下,展示的一直是登录界面
5
只有两个参数,to:进入到哪个路由去,from:从哪个路由离。每次切换路由时,都会弹出alert,点击确定后,展示当前页面
上一篇:avalonJS 路由使用技巧
下一篇:大眼睛螃蟹的简单画法