什么是CORS请求？
跨域资源共享（CORS）是一种机制，允许网页从其他域名下加载资源。在现代应用程序中，这是必不可少的功能，因为应用程序通常需要从不同的服务器中获取数据。
什么是Safari中的CORS问题？
尽管大多数现代浏览器都支持CORS，但Safari有时可能会出现CORS请求无法正常工作的问题。具体而言，我们的前端应用程序在Safari浏览器中向另一个域发出了CORS请求，但该请求未能成功，从而导致我们无法从该域中获取所需的资源。
解决方法
方法1：使用JSONP代替CORS
JSONP是一种绕过CORS限制的技术。JSONP允许我们向其他域名请求数据，并将响应包装在JavaScript回调函数中。这意味着我们可以使用JavaScript在本地处理响应，而无需担心CORS限制。
以下是一个使用JSONP进行跨域请求的示例代码：
-- -------------------- ---- ------- -------- ---------- --------- - --- ------ - --------------------------------- ---------- - --- - ------------ - --------- ---------------------------------- - --------------------------------- ------------------ -------- ------------------------ - ---------------------- -
方法2：配置服务器以允许跨域请求
如果我们无法使用JSONP，或者我们需要向其他域名发送POST请求，我们可以通过为服务器配置CORS规则来解决问题。
以下是一个示例CORS配置文件，它允许来自任何来源的GET和POST请求：
<?xml version="1.0"?>
<cross-domain-policy>
<allow-access-from domain="*" secure="false"/>
<allow-http-request-headers-from domain="*" headers="*"/>
</cross-domain-policy>将此文件上传到服务器上的根目录，并确保Web服务器已经配置了对XML文件的正确MIME类型。这样就可以通过Safari浏览器发送CORS请求了。
方法3：使用代理
最后，如果我们无法更改服务器配置并且无法使用JSONP，请考虑使用代理。代理充当我们的服务器，将我们的请求转发给远程服务器，然后将响应返回给客户端。这将绕过CORS限制，并允许我们在Safari中成功发送跨域请求。
以下是一个使用代理进行跨域请求的示例代码：
fetch('/proxy?url=https://example.com/data')
.then(response => response.json())
.then(data => console.log(data));以上代码将我们的请求发送到本地代理服务器，并使用/proxy路由将请求转发到远程服务器。这个代理服务器应该配置允许跨域请求。
结论
在Safari中发生CORS问题时，我们可以使用JSONP、配置服务器以允许跨域请求或使用代理来解决问题。使用这些方法，我们可以在Safari浏览器中成功发送CORS请求，并从其他域名下获取所需的资源。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27066