跳到主要内容

前端工程 · 网络

跨域

Cross-Origin Resource Sharing

也叫:CORS、跨域资源共享、跨域报错、同源策略

浏览器出于安全只默认允许请求同源地址,请求其他域名或端口的接口需要对方服务器明确允许,否则报跨域错误。

详细解释

浏览器有一条安全规则叫同源策略:协议、域名、端口都相同才算同源。页面在 localhost:5173、接口在 localhost:8080,端口不同就算跨域。这像小区门禁,访客要业主(接口服务器)提前登记,保安(浏览器)才放行。

控制台出现 blocked by CORS policy 时,多数情况下接口本身没坏,是浏览器按规则拦下了返回结果。根本的解决办法是让接口服务器在响应头里声明允许你的域名,前端代码改不了这条规则。

开发阶段常用开发服务器的代理(proxy)绕开:浏览器请求同源地址,由开发服务器转发给真正的接口。代理只在本地有效,上线前要让后端配好允许的域名。

开发者信息
术语 ID
eng-cors
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29