[特殊字符] 什么是跨域？为什么浏览器会拦截请求？

最新推荐文章于 2025-05-28 11:21:16 发布

yumo_neeko

最新推荐文章于 2025-05-28 11:21:16 发布

阅读量575

点赞数 11

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/yumo_777/article/details/148255065

在 Web 开发中，经常遇到这样的问题：

Access to XMLHttpRequest at 'http://127.0.0.1:8081/api' from origin 'http://localhost:8080' has been blocked by CORS policy...

这是经典的跨域问题。本质上是因为浏览器的同源策略，所以我们也围绕着绕过浏览器来解决问题。

🔐 同源策略（Same-Origin Policy，SOP）

“同源”是指协议、域名、端口三者必须完全相同。

例如：

页面地址	请求地址	是否跨域
http://localhost:8080	http://localhost:8081	是（端口不同）
http://localhost:8080	https://localhost:8080	是（协议不同）
http://localhost:8080	http://127.0.0.1:8080	是（域名不同）