前端工程 · 网络
跨域
Cross-Origin Resource Sharing
也叫:CORS、跨域资源共享、跨域报错、同源策略
浏览器出于安全只默认允许请求同源地址,请求其他域名或端口的接口需要对方服务器明确允许,否则报跨域错误。
详细解释
浏览器有一条安全规则叫同源策略:协议、域名、端口都相同才算同源。页面在 localhost:5173、接口在 localhost:8080,端口不同就算跨域。这像小区门禁,访客要业主(接口服务器)提前登记,保安(浏览器)才放行。
控制台出现 blocked by CORS policy 时,多数情况下接口本身没坏,是浏览器按规则拦下了返回结果。根本的解决办法是让接口服务器在响应头里声明允许你的域名,前端代码改不了这条规则。
开发阶段常用开发服务器的代理(proxy)绕开:浏览器请求同源地址,由开发服务器转发给真正的接口。代理只在本地有效,上线前要让后端配好允许的域名。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-cors- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29