跨域资源共享CORS以及在zepto中使用遇到的问题

最新推荐文章于 2024-07-05 18:39:44 发布

lulu19870526

最新推荐文章于 2024-07-05 18:39:44 发布

阅读量1.9k

点赞数

分类专栏： js 文章标签： CORS 跨域

本文链接：https://blog.csdn.net/lululove19870526/article/details/78356602

版权

本文详细介绍了跨域资源共享CORS的概念，包括浏览器的同源策略、CORS的工作原理以及如何实现CORS。同时，讨论了在zepto.js中使用CORS时遇到的问题，主要是withCredentials属性设置的兼容性问题，提供了解决方案，强调了正确设置withCredentials的时间点以确保向后兼容。

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

跨域资源共享CORS以及在zepto中使用遇到的问题

一、跨域资源共享CORS

1.浏览器的同源策略

同源策略在web应用的安全模型中是一个重要概念。在这个策略下，web浏览器允许第一个页面的脚本访问第二个页面里的数据，但是也只有在两个页面有相同的源时。源是由URI，主机名，端口号组合而成的。这个策略可以阻止一个页面上的恶意脚本通过页面的DOM对象获得访问另一个页面上敏感信息的权限。

当一个资源从与该资源本身所在的服务器不同的域或端口请求一个资源时，资源会发起一个跨域 HTTP 请求。出于安全考虑，浏览器会限制从脚本内发起的跨域HTTP请求。例如，XMLHttpRequest 和 Fetch 遵循同源策略。因此，使用 XMLHttpRequest或 Fetch 的Web应用程序只能将HTTP请求发送到其自己的域。

2.跨域资源共享（ CORS ）

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制

CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码完全一样。浏览器一旦发现AJAX请求跨源，就会自动添加一些附加的头信息，有时还会多出一次附加的请求，但用户不会有感觉。因此，实现CORS通信的关键是服务器。只要服务器实现了CORS接口，就可以跨源通信。