http 跨域请求请求不到数据

官网地址
https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS

很多情况下,当我们ajax调用请求的时候,浏览器会检测到发送两次请求,一次是Request Method参数是OPTIONS,另外一次才是我们发送的get或者post请求

这是浏览器对复杂跨域请求的一种处理方式
问题的根源,在于,我们发出去的请求,不是"simple request", 那么在每次发送之前,都要自动发出一个option请求,在真正请求的之前会先进行一次预请求,就是参数为OPTIONS的第一次请求,他的作用是用于试探性的服务器响应是否正确,如果第一次请求失败,第二次就不会进行相应的请求。

有三种方式会导致这种现象:

1:请求方式只能是get/post/head

否则(下面)都会报错
  – PUT
  – DELETE
  – CONNECT
  – OPTIONS
  – TRACE
  – PATCH

2:人为设置了 CORS 安全首部字段之外的其他首部字段

CORS 安全首部字段如下:
  – Accept
  – Accept-Language
  – Content-Language
  – Content-Type (but note the additional requirements below)
  – DPR
  – Downlink
  – Save-Data
  – Viewport-Width
  – Width

作者:秀萝卜
链接:https://www.jianshu.com/p/984d76b2c790
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

3:content-type 的值不属于下列之一:

  – application/x-www-form-urlencoded
  – multipart/form-data
  – text/plain

你可能感兴趣的:(js,http)