前端开发中有一个让无数新手头疼的问题：跨域（CORS）。你的代码明明没问题，浏览器却拦截了请求，控制台一片红色。

同源策略：浏览器只允许网页向「同源」服务器发请求。同源 = 协议(https) + 域名(example.com) + 端口(:443) 完全一致。不同源的请求会被浏览器拦截——这就是跨域问题。

https://myapp.com 的页面请求 https://api.myapp.com/data，会触发跨域吗？

• 不会，都是 myapp.com
• 会，子域名不同也算跨域
• 取决于请求方法
• 取决于数据大小

跨域不是 bug，是浏览器的安全机制。那怎么正确地解决它？来看看几种常见方案的对比——

最佳实践：开发阶段用代理（proxy）绕过跨域，上线后让后端配置 CORS 头。在 Next.js/Vite 中配置 proxy 非常简单，AI 帮你加一行配置就搞定。千万不要用关闭浏览器安全策略的方式！

以后遇到 CORS 错误不要慌——它不是你代码的 bug，是浏览器的安全策略。告诉 AI「我遇到跨域问题」，它会帮你选最合适的解决方案。