文章
JavaScript全栈开发(八)
Redux toolkit完善登录和登出功能
部分内容超过 Notion API 单页读取上限，已尽力加载可访问内容。
# 📝 实现Logout
## 更新 authSlice.js
在frontend\\src\\features\\auth\\authSlice.js中添加logout函数
```javascript
export const logout = createAsyncThunk(
"auth/logout",
async () => await authService.logout()
);
```
## 更新 authService.js
在frontend\\src\\features\\auth\\authService.js中添加logout函数
```javascript
const logout = () => localStorage.removeItem("user");
const authService = { register, logout };
```
logout逻辑很简单，直接在localStorage中删除”user”
## 添加logout按钮
在frontend\\src\\components\\Header.js中添加按钮和点击事件
在在frontend\\src\\features\\auth\\authSlice.js中添加logout状态判断
