Back_end_Management_System/解决登录问题-清除缓存.md

解决登录问题 - 清除浏览器缓存

🔴 问题现象

错误信息显示：

Access to fetch at 'http://localhost:8002/api/admin/login' from origin 'http://127.0.0.1:8002'

问题分析：

• 请求URL错误：http://localhost:8002/api/admin/login（应该是8001端口）
• 说明浏览器加载了旧版本的 api.js 文件（缓存问题）

✅ 解决方案

方法1: 强制刷新浏览器缓存（推荐）

1. 打开登录页面

2. 按 Ctrl + Shift + R (Windows/Linux) 或 Cmd + Shift + R (Mac)

   • 这会强制刷新页面并清除缓存

3. 或者按 F12 打开开发者工具：

   • 右键点击刷新按钮
   • 选择"清空缓存并硬性重新加载"

方法2: 清除浏览器缓存

1. Chrome浏览器：

   • 按 F12 打开开发者工具
   • 右键点击刷新按钮
   • 选择"清空缓存并硬性重新加载"
   • 或者：设置 -> 隐私设置和安全性 -> 清除浏览数据 -> 选择"缓存的图片和文件"

2. Edge浏览器：

   • 按 F12 打开开发者工具
   • 右键点击刷新按钮
   • 选择"清空缓存并硬性重新加载"

方法3: 使用无痕模式

1. 打开浏览器的无痕/隐私模式
2. 访问登录页面：http://localhost:8002/pages/login.html
3. 测试登录功能

方法4: 检查浏览器控制台

1. 按 F12 打开开发者工具
2. 查看 Console 标签
3. 应该看到：API Base URL: http://localhost:8001
4. 如果看到的是 http://localhost:8002，说明缓存未清除

方法5: 验证文件内容

1. 在浏览器中直接访问：

   http://localhost:8002/utils/api.js
   

2. 查看文件内容，确认 BASE_URL 是否为 http://localhost:8001

3. 如果仍然是旧值，说明前端服务需要重启

🔍 验证步骤

清除缓存后，按以下步骤验证：

1. 打开浏览器控制台 (F12)

2. 查看 Console 输出：

   API Base URL: http://localhost:8001
   

3. 尝试登录

4. 查看 Network 标签：

   • 请求URL应该是：http://localhost:8001/api/admin/login
   • 不应该看到 http://localhost:8002/api/admin/login

🚀 如果还是不行

步骤1: 重启前端服务

# 停止当前前端服务（Ctrl+C）
# 重新启动
cd book/book-admin
npm run dev

步骤2: 检查文件内容

确认 book/book-admin/src/main/resources/static/utils/api.js 文件中的 BASE_URL 为：

const BASE_URL = 'http://localhost:8001'

步骤3: 检查后端服务

确认后端服务在8001端口运行：

netstat -ano | findstr :8001

应该看到：

TCP    0.0.0.0:8001           0.0.0.0:0              LISTENING       <进程ID>

📝 完整测试流程

1. ✅ 清除浏览器缓存（Ctrl + Shift + R）
2. ✅ 打开登录页面：http://localhost:8002/pages/login.html
3. ✅ 打开浏览器控制台（F12）
4. ✅ 查看 Console，确认看到：API Base URL: http://localhost:8001
5. ✅ 输入用户名和密码
6. ✅ 点击登录
7. ✅ 查看 Network 标签，确认请求URL为：http://localhost:8001/api/admin/login
8. ✅ 查看响应，应该返回登录成功或错误信息

🎯 预期结果

清除缓存后：

• ✅ Console 显示：API Base URL: http://localhost:8001
• ✅ Network 请求URL：http://localhost:8001/api/admin/login
• ✅ 请求方法：POST
• ✅ 状态码：200（登录成功）或 500（用户名密码错误）
• ✅ 响应内容：包含 code 和 data 字段的JSON

如果仍然有问题，请提供：

1. 浏览器控制台的完整错误信息
2. Network 标签中登录请求的详细信息
3. Console 中显示的 API Base URL 值