跨域处理:CORS

 

 

1、简介

    CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。

它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。

CORS需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能,IE浏览器不能低于IE10。

整个CORS通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS通信与同源的AJAX通信没有差别,代码完全一样。浏览器一旦发现AJAX请求跨源,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感觉。

   因此,实现CORS通信的关键是服务器。只要服务器实现了CORS接口,就可以跨源通信。

 

2、两种请求

    浏览器将CORS请求分成两类:简单请求(simple request)和非简单请求(not-so-simple request)。

只要同时满足以下两大条件,就属于简单请求。

(1) 请求方法是以下三种方法之一:

  • HEAD
  • GET
  • POST

(2)HTTP的请求头信息不超出以下几种字段:

  • Accept
  • Accept-Language
  • Content-Language
  • Last-Event-ID
  • Content-Type:只限于三个值application/x-www-form-urlencodedmultipart/form-datatext/plain

凡是不同时满足上面两个条件,就属于非简单请求。

 

3、简单请求(simple request)

       对于简单请求,浏览器直接发出CORS请求。具体来说,就是在头信息之中,自动增加一个Origin字段。

下面是一个例子,浏览器发现这次跨源AJAX请求是简单请求,就自动在头信息之中,添加一个Origin字段。

GET /cors HTTP/1.1
Accept: application/json, text/plain, */*
Origin: http://www.gzhtoa.cn:83
Referer: http://www.gzhtoa.cn:83/web/
User-Agent: Mozilla/5.0
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
资源共享(Cross-Origin Resource Sharing,简称CORS)是一种机制,用于在浏览器中处理请求。当一个网页的源(origin)与请求的目标资源的源不一致时,浏览器会执行CORS机制来确定是否允许该请求。 CORS错误通常指的是在进行请求时出现的问题。以下是一些常见的CORS错误: 1. 同源策略限制:浏览器默认情况下,不允许通过XMLHttpRequest或Fetch API发送请求。如果尝试发送请求,浏览器会阻止该请求,并抛出CORS错误。 2. 预检请求失败:对于某些复杂的请求(例如带有自定义头部信息或使用特殊HTTP方法的请求),浏览器会先发送一个预检请求(OPTIONS请求)来检查服务器是否允许实际请求。如果预检请求失败,浏览器会抛出CORS错误。 3. 服务器未正确配置CORS:服务器需要在响应中添加一些特定的HTTP头部信息来告知浏览器允许请求。如果服务器未正确配置CORS,浏览器会抛出CORS错误。 解决CORS错误的方法包括: 1. 在服务器端正确配置CORS:服务器需要在响应中添加`Access-Control-Allow-Origin`头部信息,指定允许访问的源。还可以添加其他CORS相关的头部信息,如`Access-Control-Allow-Methods`和`Access-Control-Allow-Headers`。 2. 使用代理服务器:可以通过设置一个代理服务器来转发请求,使得请求变为同源请求,从而避免CORS问题。 3. JSONP:如果只是需要获取数据而不涉及其他类型的请求,可以考虑使用JSONP(JSON with Padding)来进行请求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值