144 lines
3.1 KiB
Markdown
144 lines
3.1 KiB
Markdown
# ✅ 最终操作步骤
|
||
|
||
## 🎉 好消息！
|
||
|
||
所有后端测试都通过了：
|
||
- ✅ 后端健康检查：正常
|
||
- ✅ 管理员登录：成功
|
||
- ✅ 用户列表 API：返回 7 个用户
|
||
- ✅ 统计数据 API：正常
|
||
|
||
**管理后台已经在运行**: http://localhost:3001
|
||
|
||
## 🚀 现在只需要 3 步
|
||
|
||
### 步骤 1: 打开管理后台
|
||
|
||
在浏览器中访问：
|
||
```
|
||
http://localhost:3001
|
||
```
|
||
|
||
### 步骤 2: 清除浏览器缓存
|
||
|
||
按 `F12` 打开开发者工具，在 **Console** 标签中执行：
|
||
|
||
```javascript
|
||
localStorage.clear();
|
||
location.reload();
|
||
```
|
||
|
||
### 步骤 3: 登录
|
||
|
||
使用以下凭据登录：
|
||
- **用户名**: `admin`
|
||
- **密码**: `admin123`
|
||
|
||
## ✨ 预期结果
|
||
|
||
登录成功后，你应该能看到：
|
||
|
||
### 用户管理页面
|
||
- 显示 **7 个用户**
|
||
- 每个用户有昵称、邀请码、状态等信息
|
||
- 可以查看用户详情、禁用/启用用户
|
||
|
||
### 数据统计页面
|
||
- **总用户数**: 7
|
||
- **活跃预约**: 0
|
||
- **待审核提现**: 0
|
||
- 用户增长趋势图
|
||
|
||
## 🔍 调试信息
|
||
|
||
现在 `admin/src/utils/api.js` 已经添加了详细的调试日志。
|
||
|
||
登录后，在浏览器 Console 中你会看到：
|
||
|
||
```
|
||
🚀 API Request: GET /api/v1/admin/users?page=1&limit=20
|
||
🔑 Token: eyJhbGciOiJIUzI1NiI...
|
||
✅ API Response: /api/v1/admin/users 200 {code: 0, message: "Success", data: {...}}
|
||
```
|
||
|
||
## ❓ 如果还是看不到数据
|
||
|
||
### 检查 1: 查看 Console 日志
|
||
|
||
按 `F12` → **Console** 标签，查找：
|
||
- ❌ 红色错误信息
|
||
- ⚠️ 黄色警告信息
|
||
|
||
### 检查 2: 查看 Network 请求
|
||
|
||
按 `F12` → **Network** 标签：
|
||
1. 刷新页面
|
||
2. 找到 `/api/v1/admin/users` 请求
|
||
3. 点击查看：
|
||
- **Status**: 应该是 200
|
||
- **Response**: 应该有用户数据
|
||
|
||
### 检查 3: 手动测试 API
|
||
|
||
在 Console 中执行：
|
||
|
||
```javascript
|
||
// 检查 token
|
||
console.log('Token:', localStorage.getItem('admin_token'));
|
||
|
||
// 测试用户列表
|
||
fetch('/api/v1/admin/users?page=1&limit=20', {
|
||
headers: {
|
||
'Authorization': 'Bearer ' + localStorage.getItem('admin_token')
|
||
}
|
||
})
|
||
.then(r => r.json())
|
||
.then(d => {
|
||
console.log('✅ 用户数据:', d);
|
||
console.log('✅ 用户数量:', d.data?.users?.length);
|
||
console.table(d.data?.users);
|
||
})
|
||
.catch(e => console.error('❌ 错误:', e));
|
||
```
|
||
|
||
## 📊 测试结果确认
|
||
|
||
刚才的自动测试显示：
|
||
|
||
```
|
||
✅ 后端健康检查: 正常
|
||
✅ 管理员登录: 成功
|
||
✅ 用户列表 API: 返回 7 个用户
|
||
- 示例用户: User (D4XVQLD7)
|
||
✅ 统计数据 API: 正常
|
||
- 总用户数: 7
|
||
- 活跃预约: 0
|
||
- 待审核提现: 0
|
||
```
|
||
|
||
## 🎯 问题根源
|
||
|
||
问题不在后端，而是管理后台前端可能：
|
||
1. 使用了旧的缓存数据
|
||
2. Token 过期或无效
|
||
3. 没有正确发送 API 请求
|
||
|
||
通过清除 localStorage 和重新登录，问题应该就解决了！
|
||
|
||
## 📞 需要帮助？
|
||
|
||
如果按照上述步骤操作后还是有问题，请：
|
||
|
||
1. 截图浏览器 Console 的所有日志
|
||
2. 截图 Network 标签中的 API 请求
|
||
3. 告诉我具体看到了什么错误信息
|
||
|
||
我会根据这些信息进一步帮你分析！
|
||
|
||
---
|
||
|
||
**提示**:
|
||
- 管理后台地址: http://localhost:3001
|
||
- 后端 API 地址: http://localhost:3000
|
||
- API 文档地址: http://localhost:3000/api-docs
|