vue项目退出登录

**退出登录怎么写？**如下，

显示部分

退出登录按钮(引用了svg格式的icon)

<van-cell  title="退出登录" @click="loginout"><div slot="icon"><svg class="iconLeft" aria-hidden="true"><use xlink:href="#icon-Enable" ></use></svg></div></van-cell>

处理部分
先获取账号用户的个人信息，在退出登录，跳转到登录页面

initData(){const d  = getStore({name:'userData'});this.username=d.name;this.rolename=d.roleNames;},
loginout(){// debuggeraxios.get(Config.baseUrl+'/f/auth/loginout').then(response => {removeStore({name:"loginInfo"});removeStore({name:"sessionid"});removeStore({name:"userInfo"});removeStore({name:"userData"});this.$router.push('/loginout');});}

路由部分
映射是loginout，路径却是跳转到登录界面

{path: '/loginout',name: 'loginout',component: () =>import ('@/views/login'),
},

vue项目退出登录相关推荐

Vue项目之登录注册
Vue项目之登录注册 1. 注册 1.1 注册页面的布局 1.2 注册业务逻辑的实现 2. 登录 3.导航守卫 3.1全局导航守卫,全部路由都会经过这里.一定要调用next方法向下执行 3.2 路由独 ...
vue项目实现登录/退出功能（包括token机制）
源码地址:https://gitee.com/cheng-xuyuan/blogWeb.git(请忽略这句) 一.登录业务的相关技术点 http是无状态的,为记录登录状态可通过cookie-sessi ...
vue项目实现登录(sessionStorage 存储 token)
前提参考:vue项目封装axios 思路: // 1, 前端校验,校验成功后向后台传用户名和密码(每次请求接口都要传 token) // 2, 后端收到请求,验证用户名和密码,验证成功,生成 toke ...
[Vue项目实战]登录功能实现
登录功能实现写在前面登录概述登录业务流程登录业务的相关技术点登录---token原理分析登录功能实现登录页面的布局在components文件下创建一个vue文件配置路由(并添加路由重 ...
Vue项目二登录注册功能的实现
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.系统注册功能的实现 1.配置注册页面路由 2.注册页面的搭建 3.api下发送ajax请求的文件创建二.后台数据 ...
Vue项目的登录和注册界面
登录界面,Login.vue <template><div class="login_container"><div class="logi ...
记录，再次运行vue项目报错POST http://127.0.0.1:8888/api/private/v1/login/login
可以打开登录界面,却无法打开登录后界面代码没有问题,查阅资料后是后台服务器没打开删除package-lock.json文件运行npm install 再次运行node .\app.js 打开ph ...
前端开发Vue项目实战：电商后台管理系统（二）-- 登录退出功能 --主页界面
目录 1. 登录/退出功能 1.1 登录概述 1.2 token 原理分析 1.3 登录功能实现 1.3.1 Git 创建分支 1.3.2 渲染Login组件并实现路由重定向 1.3.3 设置背景颜色 ...
vue请求在退出页面还执行吗_如何用 Cloudbase Framework 部署一个 Vue 项目
无需修改业务代码,就能将 Vue 应用前后端一键托管部署在云开发平台~ Cloudbase Framework 是云开发官方出品的前后端一体化部署工具.目前已经开源 . 关于 Cloudbase F ...
vue项目登录及token验证 vue-ant
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1.第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2.后端收到请求,验证用户名和密码,验证成功,就给前端返回一个to ...

vue项目退出登录

vue项目退出登录相关推荐

最新文章

热门文章

vue项目 退出登录

vue项目 退出登录相关推荐

最新文章

热门文章

vue项目退出登录

vue项目退出登录相关推荐