前端面试题！！浏览器有同源策略，但是为何cdn请求资源的时候不会有跨域限制

浏览器同源策略是一种安全措施，用于限制从一个源加载的文档或脚本如何与另一个源的资源进行交互。它有助于防止恶意文档，减少可能窃取数据的安全威胁。同源策略通常要求协议、域名和端口号都相同。

然而，当涉及到CDN（内容分发网络）请求资源时，通常不会有跨域限制，原因如下：

1. CORS（跨源资源共享）：CDN服务器通常配置了CORS策略，允许来自不同域的网页请求资源。当服务器返回资源时，它会在HTTP响应头中包含Access-Control-Allow-Origin字段，这个字段指定了哪些域可以访问资源。如果设置为*，则表示任何域都可以访问；如果设置为特定的域名，则只有该域名可以访问。

2. 资源类型：某些类型的资源，如图片、CSS和JavaScript文件，通常不包含敏感信息，因此即使它们来自不同的源，浏览器也会加载它们。这是因为这些资源被认为是“不敏感的”，不会直接导致安全问题。

3. 不涉及读写操作：同源策略主要限制的是读写操作，例如通过XMLHttpRequest或Fetch API发送的请求。当你从CDN加载一个图片或脚本时，这只是读取操作，没有写入操作，因此不会触发同源策略的限制。

4. Web字体和图标：通过@font-face加载的Web字体以及通过SVG sprites加载的图标等，浏览器允许跨域加载，这是为了确保Web设计和用户体验不会受到限制。

5. CDN的目的：CDN的设计目的之一是为了加速内容的分发，为了实现这一点，它们需要被尽可能多的网站使用。因此，CDN提供商通常确保其服务可以通过跨域请求访问。

需要注意的是，虽然CDN资源通常可以跨域加载，但并不是所有的资源都可以这样。例如，如果CDN上的资源是敏感的，或者服务器没有正确配置CORS，那么跨域请求仍然会被阻止。此外，虽然资源可以加载，但浏览器仍然会阻止跨域的读写操作，例如通过AJAX请求尝试读取CDN资源的数据。