3.1 什么是前后端分离
前后端分离指的是：
- 前端 仅负责页面的渲染和交互，通过 AJAX 或 Fetch 请求后端 API 获取数据。
- 后端 负责业务逻辑、数据存储，提供 RESTful 或 GraphQL API 供前端调用。
架构示意图：
前端（Vue/React） ←→ API（后端：Spring Boot/Django/Node.js） ←→ 数据库（MySQL/MongoDB）
3.2 前后端分离的优势
✅ 更好的用户体验：前端单页应用（SPA）加载速度更快。
✅ 更高的开发效率：前端与后端可以并行开发，减少依赖。
✅ 更灵活的架构：前端和后端可独立部署，支持微服务架构。
✅ 跨平台兼容性：API 可同时供 Web、移动端、小程序使用。
3.3 前后端分离的挑战
❌ 接口设计复杂：API 需要详细文档，如使用 Swagger 进行管理。
❌ 跨域问题：需要 CORS 解决浏览器的跨域访问限制。
❌ SEO 优化困难：SPA（单页应用）不利于搜索引擎爬取，需要 SSR（服务端渲染）。