Skip to content

第 8 部分 · 前后端联调与测试

前后端都写完了(Vue/React + Spring Boot + MySQL),本部分把它们串起来:定义接口文档、联调、写测试、排坑。

本部分你会学到

章节内容产出
接口联调流程联调前准备、CORS、字段对齐前端跑通后端接口
Knife4j 接口文档自动生成可调试的接口文档团队协作契约
单元测试JUnit 5 + MockitoService 层测试
集成测试与问题排查全链路测试、抓包、日志排错稳定的商城

联调的目标

浏览器(Vue/React) ──HTTP──> Nginx/Vite代理 ──> Spring Boot ──> MySQL
        ↑                                                    │
        └─────────────── 返回数据并渲染页面 ←───────────────┘

验收标准:注册 → 登录 → 看商品 → 加购 → 下单 → 看订单,全流程在浏览器里跑通,两端和数据库数据一致。

联调铁律

聚焦"契约":前端要的是什么字段/格式,后端给的就是什么。对不上时,先看接口文档再对代码,不要各改各的。

基于 MIT 协议发布,可自由学习与修改