多语言展示
当前在线:634今日阅读:61今日分享:18

vue怎么设置全局路由守卫

vue怎么设置全局路由守卫
方法/步骤
1

回调函数中的参数,to:进入到哪个路由去,from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。

2

在main.js中,有一个路由实例化对象router。在main.js中设置守卫已是全局守卫

3

判断to.path当前将要进入的路径是否为登录或注册,如果是就执行next(),展示当前界面。如果不是,就弹出alert,然后移至登录界面。

4

这样就可实现,用户在未登录状态下,展示的一直是登录界面

5

只有两个参数,to:进入到哪个路由去,from:从哪个路由离。每次切换路由时,都会弹出alert,点击确定后,展示当前页面

推荐信息