Mini_Program/API_CONFIG.md

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

后端API地址配置

开发环境

在 books/utils/api.js 文件中，修改 BASE_URL 变量：

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

生产环境

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

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

已实现的接口

1. 用户登录

• 接口地址: POST /api/user/login

• 请求参数:

  {
  "username": "zhangsan",
  "password": "123456"
  }
  

• 响应数据:

  {
  "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. 启动后端服务

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