同源和跨域

最新推荐文章于 2023-10-16 17:00:25 发布

Sky皓皓

最新推荐文章于 2023-10-16 17:00:25 发布

阅读量171

点赞数

分类专栏：前端文章标签： http

本文链接：https://blog.csdn.net/Skyhaohao/article/details/120032861

版权

14 篇文章 0 订阅

订阅专栏

本文详细介绍了浏览器的同源策略和跨域的概念，包括它们的定义和比较示例。同源策略要求协议、域名和端口一致，而跨域则发生在这些元素不匹配的情况。通过多个案例分析，阐述了不同场景下同源和跨域的判断标准，帮助读者深入理解这两个关键的网络概念。

摘要由CSDN通过智能技术生成

案例一：
- 浏览器地址：http://localhost:8080/findAll
- Ajax请求地址：http://localhost:8080/aaa
- 满足同源策略，服务器可以访问
案例二：
- 浏览器地址：http://localhost:8081/findAll
- Ajax请求地址：http://localhost:8080/aaa
- 不满足同源策略，端口号不一样，属于跨域请求
案例三：
- 浏览器地址：http://localhost:8080/findAll
- Ajax请求地址：https://localhost:8080/aaa
- 不满足同源策略，协议不一样，属于跨域请求
案例四：
- 前提: IP与域名映射
- 浏览器地址：http://www.baidu.com:8080/findAll
- Ajax请求地址：http://10.0.1.1:8080/aaa
- 不满足同源策略
  - 虽然写IP和域名理论上是一样的，域名的ASCII码不一样
案例五：
- 浏览器地址：http://10.0.1.1:80/findAll
- Ajax请求地址：http://10.0.1.1/aaa
- 满足同源策略，可以访问
  - 看似不满足同源策略，一个有端口号，一个没有，但是不写端口号时，浏览器会默认给他补一个，http 协议的默认端口号是80
案例六：
- 浏览器地址：https://10.0.1.1:443/findAll
- Ajax请求地址：https://10.0.1.1/aaa
- 满足同源策略
  - 看似不满足同源策略，一个有端口号，一个没有，但是不写端口号时，浏览器会默认给他补一个，https 协议的默认端口号是443