前后端联调的步骤

1. 准备工作

• 确认后端API文档(接口地址、请求方式、参数格式、返回格式)
• 确认测试环境地址
• 确保前后端开发环境都已正常运行

2. 配置跨域(CORS)
   后端配置(以Spring Boot为例)
   

3. 前端配置
   配置API基础路径(以Vue为例)
   

4. 接口调试步骤

• 先用Postman测试后端接口
• 前端代码调用接口
• 使用浏览器开发者工具Network面板监控请求
• 检查请求参数和响应数据

5. 常见问题处理

• 跨域问题: 检查后端CORS配置
• 404错误: 检查接口URL是否正确
• 参数错误: 检查请求参数格式
• 数据格式: 确保前后端数据格式一致

补充：配置跨域

• 为了解决浏览器的同源策略限制
• 同源: 协议(http/https) + 域名 + 端口 完全相同。只有在协议（如HTTP）、域名和端口号都完全相同的情况下，网页才能访问另一个网页的资源。
• 前端: http://localhost:3000、后端: http://localhost:8080。这种情况就是跨域，因为端口不同
• 常见的跨域场景