VUE实现登录和登出

新增保存token的帮助类


// 跨域认证信息 header 名
const authorizationKey = 'Authorization'//获取认证信息
function getAuthorization(token) {return sessionStorage.getItem(authorizationKey);
}
//设置认证信息
function setAuthorization(token) {sessionStorage.setItem(authorizationKey, token);
}
//清除认证信息
function removeAuthorization(token) {sessionStorage.removeItem(authorizationKey);
}export {setAuthorization, removeAuthorization, getAuthorization
}

登录后把服务器的token存在本地

//设置登录信息

setAuthorization("1111");

退出时候，调用清空Token

removeAuthorization();

路由跳转的时候判断有没有token，没有就去登录页面


//路由前置守卫
router.beforeEach((to, from, next) => {if (to.meta.needLogin == false) {//不需要登录next();return;}//没有token直接去登录页面if(getAuthorization()==null){next({path: "/login"});return;}next();
});

路由里面设置哪些页面不需要登录

{path: "/login",name: 'login',component: () => import('@/common/login/index'),meta: {//不需要登录needLogin: false}},

当然这这是前端的验证，后续ajax请求服务的时候，都会把这个token带到后台，通过ajax返回的结果再去判断是否需要退出登录和页面权限判断

VUE实现登录和登出相关推荐

命令行客户端MySQL基本命令的使用（登录、登出、数据库操作的SQL语句、表结构的SQL语句、表数据操作的SQL语句）
1. 登录和登出数据库登录数据库: 输入下面命令: mysql -uroot -p 说明: -u 后面是登录的用户名 [写成-u root也是可以的] -p 后面是登录密码, 如果不填写, 回车之 ...
通过session实现用户的登录与登出功能
通过session实现用户的登录与登出功能本文讲解,就是在常见的登录注册页面中,我们是如何在登录之后,把用户的信息传送到后面的网页. 首先讲解原理,原理是session功能,通过session的在当 ...
9_用户的登录和登出
用户的登录和登出之前我们已经讲到,项目到现在,我们一共建立了两个app,分别是article和bloguser. 登录 1. 配置根路由打开iblog/urls.py path('bloguser ...
基于Jsoup实现搜狗微信搜索文章获取链接、搜索公众号信息、微信登录以及登出
2020-03-20更新已上传至GitHub:https://github.com/Aquarius-Seven/demo-jsoup.git,相比CSDN资源,CommonUtil增加了一个处理需 ...
前端实现登录、登出、请求数据的一些思路整理
前端实现登录.登出.请求数据的一些思路整理(基于React.JWT技术) 登录.登出和数据请求是两种不同的数据交互方式,是互相独立的. 登录.登出基于 JWT(JSON WEB TOKEN) 技术,通 ...
tp5登出_tp 5框架实现登录，登出及session登录状态检测功能示例
本文实例讲述了tp 5框架实现登录,登出及session登录状态检测功能.共享给大家供大家参考,详细如下: 1,访问http://localhost/tp5/admin.php时,判断有没有登录: 想 ...
【腾讯云IM】即时通讯的登录，登出，用户列表，私聊，图片发送
uniapp即时通讯 1,初始化(刚开始就紧跟着文档走) 2,App.vue中项目引入腾讯云,(附上账号在其他地方登陆的监听) 3,登录前必需 3.1,获取登录id 3.2,生成userSig,独立封 ...
cas client 更新ticket_cas sso单点登录系列6_cas单点登录防止登出退出后刷新后退ticket失效报500错...
转(http://blog.csdn.net/ae6623/article/details/9494601) 问题: 我登录了client2,又登录了client3,现在我把client2退出了,在c ...
从零开始搭建服务器之登录和登出远程服务器
双 11 期间入手了一台云服务器,备案花了一两个星期,这两天终于备案通过了.于是在个人服务器上装了 Docker 容器用于部署项目,准备尽量把所有的服务都打包成容器,方便统一管理运维. 于是利用 do ...

VUE实现登录和登出

VUE实现登录和登出相关推荐

最新文章

热门文章