{site_name}

{site_name}

🌜 搜索

CORS(跨域资源共享)是一种机制,可以让服务器授权其他域名下的浏览器访问资源,从而允许跨域访问Web资源

前端 𝄐 0
CORS(跨域资源共享)是一种机制,可以让服务器授权其他域名下的浏览器访问资源,从而允许跨域访问Web资源。CORS基于HTTP头部信息进行通信,需要客户端和服务端都支持。

当浏览器发送跨域请求时,服务端可以在响应头中加入Access-Control-Allow-Origin字段来指定允许访问的来源。例如,以下是一个设置了允许所有来源跨域访问的响应头:


Access-Control-Allow-Origin: *


除了 "*" 以外,也可以指定具体的源,例如:


Access-Control-Allow-Origin: https://example.com


如果需要同时支持多个来源,可以在响应头中添加多个Access-Control-Allow-Origin字段,例如:


Access-Control-Allow-Origin: https://example.com
Access-Control-Allow-Origin: https://another-example.com


除了Access-Control-Allow-Origin之外,还有其他相关的CORS头部字段,例如Access-Control-Allow-Methods、Access-Control-Allow-Headers等,用于指定允许的HTTP方法和请求头。

以下是一些使用CORS的例子:

1. 一个网站通过AJAX请求另一个域名下的API接口获取数据,需要在API的响应头中添加Access-Control-Allow-Origin字段来允许跨域访问。

2. 一个前端应用程序通过XHR请求上传文件到另一个域名下的服务器,需要在服务器响应头中添加Access-Control-Allow-Origin和Access-Control-Allow-Methods字段来授权文件上传请求。

3. 一个Web页面通过iframe加载了另一个域名下的网页,并且需要在加载后通过JavaScript与该页面进行交互,需要在该页面响应头中添加Access-Control-Allow-Origin字段来允许跨域访问。