快速修复登录问题指南

✅ 已修复的问题

端口配置修复 - 移除了 application.properties 中的空格
CORS配置优化 - 改进了跨域配置
拦截器优化 - 确保所有请求都正确设置CORS头

🚀 立即执行以下步骤

步骤1: 重启后端服务 ⚠️ 必须执行

重要: 修改了后端代码后，必须重启后端服务！

停止当前后端服务
- 如果是在IDE中运行的，点击停止按钮
- 如果是在命令行运行的，按 Ctrl+C
重新启动后端服务
```
cd book
mvn spring-boot:run
```

或者在IDE中：

找到 BookApplication.java
右键点击，选择 "Run 'BookApplication.main()'"

等待启动完成

看到类似日志说明启动成功：

Tomcat started on port(s): 8001 (http)
Started BookApplication in X.XXX seconds

步骤2: 启动前端服务

cd book/book-admin
npm run dev

前端服务会在 http://localhost:8002 启动

步骤3: 测试连接

访问测试页面（推荐）:

http://localhost:8002/pages/test-backend.html

点击所有测试按钮，查看详细结果

访问登录页面:
```
http://localhost:8002/pages/login.html
```
使用管理员账号登录:
- 用户名: admin
- 密码: admin123

🔍 如果还是无法登录

检查1: 后端服务是否真的在运行

在浏览器中访问：

http://localhost:8001/api/admin/login

期望结果:

如果返回 405 Method Not Allowed - ✅ 后端服务正在运行（这是正常的，因为这是GET请求）
如果显示"无法访问此网站" - ❌ 后端服务未启动

检查2: 查看浏览器控制台

打开登录页面
按 F12 打开开发者工具
点击 "Console" 标签
查看是否有红色错误信息
点击 "Network" 标签
尝试登录
查看登录请求的详细信息：
- 请求URL是否正确: http://localhost:8001/api/admin/login
- 请求方法: POST
- 状态码: 应该是 200 或 405
- 响应内容: 查看返回的JSON

检查3: 检查数据库

确保数据库中有管理员账号：

SELECT * FROM users WHERE username = 'admin' AND role = 'admin';

如果不存在，需要创建：

INSERT INTO users (username, nickname, password, role, status) 
VALUES ('admin', '管理员', '0192023a7bbd73250516f069df18b500', 'admin', 1);

检查4: 查看后端日志

查看后端启动日志，确认：

端口是否为 8001
是否有错误信息
数据库连接是否成功

📝 常见错误及解决方案

错误1: "无法连接到后端服务"

原因: 后端服务未启动或端口错误

解决:

确认后端服务已启动
确认端口为 8001
确认防火墙没有阻止连接

错误2: "405 Method Not Allowed"

原因: 请求方法不正确

解决:

确认前端使用的是 POST 请求
确认 API URL 正确
重启后端服务

错误3: "CORS错误"

原因: 跨域配置问题

解决:

确认已重启后端服务（应用新的CORS配置）
查看浏览器控制台的详细错误信息
使用测试页面检查CORS配置

错误4: "用户名或密码错误"

原因: 数据库中没有管理员账号或密码错误

解决:

检查数据库中是否有管理员账号
确认密码是否正确（admin123的MD5值：0192023a7b）
确认用户角色为 'admin'
确认用户状态为 1（启用）

🎯 验证步骤

完成以上步骤后，应该能够：

✅ 访问测试页面并看到"后端服务正在运行"
✅ 访问登录页面
✅ 使用 admin/admin123 成功登录
✅ 登录后跳转到书籍管理页面

📞 如果问题依然存在

请提供以下信息：

后端启动日志（完整的启动日志）
浏览器控制台错误（F12 -> Console）
网络请求详情（F12 -> Network -> 点击登录请求）
测试页面结果（test-backend.html 的测试结果）

快速修复登录问题.md 4.1 KB História Raw