电商项目-day03

文章目录


退出登录流程

首先判断前端

首先定义退出请求

csharp 复制代码
// 退出登录
export const Logout = () => {
  return request({
    url: `${api_name}/logout`,
    method: 'get',
  })


}

const api_name = "admin/system/index";

这个作为前缀

这个方法作为 Logout()

然后退出逻辑

csharp 复制代码
    // 退出
    const logout = async () => {

      
      // 清除token
      const { code, data, message } = await Logout()
      // 
      if (code === 200) {
        useApp().clearToken()
        router.push('/login')

      }else{
        ctx.$message.error(message)
      }

    }

退出方法是异步方法

前端就是清除token

localStorage里面的token清除

后端逻辑

后端就是操作redis然后删除 key 元素

登录验证的思路和ThreadLocal讲解

相关推荐
码农小卡拉8 分钟前
深入解析Spring Boot文件加载顺序与加载方式
java·数据库·spring boot
Dragon Wu17 分钟前
Spring Security Oauth2.1 授权码模式实现前后端分离的方案
java·spring boot·后端·spring cloud·springboot·springcloud
一 乐2 小时前
校园二手交易|基于springboot + vue校园二手交易系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端
80530单词突击赢2 小时前
SpringBoot整合SpringMVC全解析
java·spring boot·后端
vx1_Biye_Design2 小时前
基于Spring Boot+Vue的学生管理系统设计与实现-计算机毕业设计源码46223
java·vue.js·spring boot·spring·eclipse·tomcat·maven
vx_Biye_Design2 小时前
基于Spring Boot+vue的湖北旅游景点门票预约平台的设计--毕设附源码29593
java·vue.js·spring boot·spring cloud·servlet·eclipse·课程设计
qq5_8115175152 小时前
web城乡居民基本医疗信息管理系统信息管理系统源码-SpringBoot后端+Vue前端+MySQL【可直接运行】
前端·vue.js·spring boot
hdsoft_huge2 小时前
1panel面板中部署SpringBoot和Vue前后端分离系统 【图文教程】
vue.js·spring boot·后端
Hx_Ma162 小时前
SpringBoot数据源自动管理
java·spring boot·spring
像少年啦飞驰点、2 小时前
从零开始学 RabbitMQ:小白也能懂的消息队列实战指南
java·spring boot·微服务·消息队列·rabbitmq·异步编程