主要介绍了Vue路由守卫及页面登录权限控制的设置方法,本文通过实例代码通过两种方法给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

①先在我们的登录页面存储一个登录数据 // 登录成功时保存一个登录状态； sessionStorage.setItem("flag", 1); ② 添加路由守卫 方法一： 直接在路由中添加 const router = new VueRouter({ ... }) // 路由守卫 router.beforeEach((to, from, next) => { // ... }) 方法二：当我们使用的是export default 方法时可以在main.js中添加 router.be

Vue路由守卫及页面登录权限控制的设置方法①先在我们的登录页面存储一个登录数据② 添加路由守卫方法一： 直接在路由中添加方法二：当我们使用的是export default 方法时可以在main.js中添加 router.beforeEach((to, from, next) => { }）方法。③ 在路由当中添加自定义字段requireAuth，判断当前路由是否需要登录。④ 在路由守卫中添加我们自己的代码逻辑。 ①先在我们的登录页面存储一个登录数据 // 登录成功时保存一个登录状态； se