# 前端与后端API连接配置说明

## 后端API地址配置

### 开发环境
在 `books/utils/api.js` 文件中，修改 `BASE_URL` 变量：

```javascript
const BASE_URL = 'http://localhost:8080/api'
```

### 生产环境
如果部署到服务器，修改为实际的后端地址：

```javascript
const BASE_URL = 'http://your-server.com:8080/api'
```

## 已实现的接口

### 1. 用户登录
- **接口地址**: `POST /api/user/login`
- **请求参数**:
  ```json
  {
    "username": "zhangsan",
    "password": "123456"
  }
  ```
- **响应数据**:
  ```json
  {
    "code": 200,
    "message": "登录成功",
    "data": {
      "user": {
        "id": 1,
        "username": "zhangsan",
        "nickname": "张三",
        "avatar": "...",
        "isVip": false
      },
      "token": "mock_token_1"
    }
  }
  ```

### 2. 用户注册
- **接口地址**: `POST /api/user/register`
- 使用方式: `import { register } from '@/utils/api.js'`

### 3. 书籍相关接口
- 分页查询: `getBooks(params)`
- 获取详情: `getBookById(id)`
- 创建书籍: `createBook(data)`
- 更新书籍: `updateBook(id, data)`
- 删除书籍: `deleteBook(id)`

## 测试账号

根据数据库中的数据，可以使用以下账号登录：

1. **用户名**: `zhangsan` **密码**: `123456`
2. **用户名**: `lisi` **密码**: `123456`
3. **用户名**: `wangwu` **密码**: `123456`

## 使用说明

### 1. 启动后端服务

```bash
cd book
mvn spring-boot:run
```

后端服务将运行在 `http://localhost:8080`

### 2. 配置前端API地址

编辑 `books/utils/api.js`，确保 `BASE_URL` 指向正确的后端地址。

### 3. 测试登录

1. 打开前端登录页面
2. 输入用户名和密码（如：zhangsan / 123456）
3. 点击登录按钮
4. 如果后端服务正常运行，应该能够成功登录

## 注意事项

1. **跨域问题**: 后端已配置 `@CrossOrigin(origins = "*")`，允许跨域请求

2. **网络请求**: 如果在小程序中使用，需要在 `manifest.json` 中配置网络请求白名单

3. **错误处理**: 前端已实现统一的错误处理，网络错误会显示友好的提示信息

4. **数据存储**: 登录成功后，用户信息会保存到本地存储中，包括：
   - `userInfo`: 用户详细信息
   - `isLogin`: 登录状态标识

## 常见问题

### 1. 登录失败：网络请求失败
- 检查后端服务是否启动
- 检查 `BASE_URL` 配置是否正确
- 检查网络连接

### 2. 登录失败：用户名或密码错误
- 确认数据库中有对应的用户数据
- 确认密码是否正确（数据库中的密码是MD5加密的）

### 3. 跨域问题
- 确保后端已配置跨域支持
- 检查后端是否正常运行在 `http://localhost:8080`