本文详细描述了如何在使用Vite和Vue3开发的项目中实现用户退出登录的功能，包括修改login.js请求文件、添加退出接口模拟返回、以及在PageHeader.vue中完善退出指令。通过清除LocalStorage中的登录标识，确保登录状态的正确管理。
*****************此文仅用于个人记录学习vite创建vue3项目过程，请勿转载或转发******************
功能2、完善个人信息下拉菜单退出动作
退出动作即向后端发送退出请求，当后端响应请求并退出完成时，前端清除用户信息缓存，并退回登录页面
1、修改src/apis/login.js请求文件，添加退出接口请求配置
2、添加退出接口的模拟返回函数，修改src/mock/modules/login.js，添加如下内容
3、修改通用头部组件src/layout/components/PageHeader.vue，完善退出指令脚本
所有登录通用功能都已完成，启动服务，检验效果
登录成功后，在Local Storage中存在用户登录标识
退出登录后，用户登录标识就不会再存
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
