第一次提交

401错误解决.md

@@ -0,0 +1,70 @@
+# 401未授权错误解决方案
+
+## 问题原因
+
+控制台出现401错误的原因：
+1. **未登录**：用户还没有登录，但前端代码尝试获取用户信息和工作流列表
+2. **Token过期**：之前的token已过期或无效
+3. **Token丢失**：localStorage中的token被清除
+
+## 已修复
+
+### 1. 优化Home页面数据获取逻辑 ✅
+
+修改了 `Home.vue`，确保：
+- 只有在有token的情况下才尝试获取数据
+- 如果获取用户信息失败，自动清除token并跳转到登录页
+- 只有在成功获取用户信息后才获取工作流列表
+
+### 2. 优化用户信息获取 ✅
+
+修改了 `user.ts` 中的 `fetchUser` 函数：
+- 如果401错误，自动清除token
+- 更好的错误处理
+
+## 解决方案
+
+### 如果看到401错误：
+
+1. **检查是否已登录**
+   - 如果未登录，请先登录
+   - 登录后token会自动保存
+
+2. **清除旧的token**
+   - 打开浏览器控制台（F12）
+   - 在Console中输入：`localStorage.removeItem('token')`
+   - 刷新页面，重新登录
+
+3. **检查登录状态**
+   - 打开浏览器控制台（F12）
+   - 在Console中输入：`localStorage.getItem('token')`
+   - 如果有值，说明token存在
+   - 如果为null，说明需要重新登录
+
+## 正常流程
+
+1. **访问首页** → 如果没有token，自动跳转到登录页
+2. **登录** → 获取token并保存
+3. **自动跳转** → 跳转到首页
+4. **获取数据** → 使用token获取用户信息和工作流列表
+
+## 测试步骤
+
+1. **清除token**（如果需要）：
+   ```javascript
+   localStorage.removeItem('token')
+   ```
+
+2. **刷新页面** → 应该自动跳转到登录页
+
+3. **登录** → 输入用户名和密码
+
+4. **检查** → 登录成功后应该：
+   - 自动跳转到首页
+   - 不再出现401错误
+   - 显示工作流列表
+
+---
+
+**状态**: ✅ 已修复
+**时间**: 2024年