vue登录权限判断方法

在路由配置里,使用路由的全局导航守卫来判断是否登录:

// 实例化对象
let router = new VueRouter({routes
})
// 注册导航守卫(回调函数)
router.beforeEach((to, from, next) => {if (to.path === '/login') {// 登录页 不需要判断next();} //不是去登录页面else {// 不是去登录页面:判断登录 判断token是否存在即可let token = window.sessionStorage.getItem("token");if (token) {// 登录成功// 继续访问next();} else {// 不是去登录页面,也没有登录(判断是否有token)// 这里不是Vue实例 无法通过this访问 但是可以访问到Vue构造函数 可以通过原型访问Vue.prototype.$message.error('请先登录');// 打会登录页 可以使用next 进行路由跳转next('/login');}}
})
// 暴露出去
export default router;

vue登录权限判断方法相关推荐

Vue 角色权限管理设计与实现
目前项目中使用到的角色权限管理共分为三级,分别是页面级.行为级(控件级).接口级,这里记录一下三级权限在 Vue 中的实现. 一.接口设计用户登录后该用户的角色与权限信息会一同返回给前端,前端将这些 ...
vue 前端显示图片加token_手摸手，带你用vue撸后台系列二(登录权限篇)
完整项目地址:vue-element-admin https://github.com/PanJiaChen/vue-element-admin 前言拖更有点严重,过了半个月才写了第二篇教程.无奈自 ...
Vue实现权限管理的方法
一.接口权限一般使用jwt验证接口权限,登录后拿到token,并将token保存起来,再使用axios拦截器进行拦截,每次请求时头部携带token,如果没有则返回401,跳转到登录页面重新登录. a ...
php未登录跳到登陆页面,vue实现未登录跳转到登录页面的方法
环境:vue 2.9.3; webpack;vue-router 目的:实现未登录跳转例子:直接在url地址栏输入...../home,但是这个页面要求需要登陆之后才能进入,判断的值就通过登陆之后给 ...
rails + devise 用户注册登录及权限判断
Mac环境 macOS High Sierra 版本 10.13.1 ruby 2.4.1p111 Rails 5.1.4 编辑软件:Atom(你可以选择其它软件,例如:Sublime Text.Ru ...
Android检测是否有悬浮窗,Android 获取判断是否有悬浮窗权限的方法
现在很多应用都会用到悬浮窗,很多国产rom把悬浮窗权限加入控制了,你就需要判断是否有悬浮窗权限,然后做对应操作. Android 原生有自带权限管理的,只是被隐藏了.看android源码在androi ...
android悬浮动态权限,Android 获取判断是否有悬浮窗权限的方法
现在很多应用都会用到悬浮窗,很多国产rom把悬浮窗权限加入控制了,你就需要判断是否有悬浮窗权限,然后做对应操作. Android 原生有自带权限管理的,只是被隐藏了.看android源码在androi ...
微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法
微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法参考文章: (1)微信第三方登录测试时报Scope参数错误或没有Scope权限解决方法 (2)https://www.cnblog ...
三层结构的任务管理系统可以实现登录，判断登录用户权限等操作
任务要求 idea jdk1.8 三层结构的任务管理系统可以实现登录,判断登录用户权限等操作任务管理系统一.系统需求查询所有任务信息:展示所有任务信息录入任务信息: 用户输入:任务名, 预计完 ...

vue登录权限判断方法

vue登录权限判断方法相关推荐

最新文章

热门文章