🐛 跨域调试：解决前端 CORS 错误与配置代理服务器的方案

CORS：同源策略的安全限制

**跨源资源共享（CORS）** 是浏览器强制执行的同源策略的安全机制。当您的前端应用（如运行在 `localhost:8080`）尝试请求不同域（Domain）、端口或协议的后端 API 时，就会遇到 CORS 错误，请求被浏览器拦截。

解决 CORS 的主要途径：

1. **后端配置：** 最标准的做法。后端（如 Node.js, Spring Boot）在响应头中添加 `Access-Control-Allow-Origin: *` 或精确的前端域名。
2. **开发环境代理：** 在开发阶段，通过前端打包工具（如 Webpack Dev Server, Vite）配置 **代理服务器**，将 `/api` 请求转发到后端地址，避免浏览器端的跨域问题。
3. **JSONP 或 CROS 库：** 在某些特定场景下使用。

前端维护中，确保开发环境的代理配置与生产环境的 CORS 头保持一致至关重要。正确理解 CORS 的原理，能避免在调试阶段浪费大量时间在 **浏览器安全限制** 上。