跨域开发过程中,遇到options(预请求)请求,服务端接收后报错,需要后台对options请求过滤
浏览器请求中出现options请求原因:浏览器对跨域请求中出现简单跨域请求和复杂跨域请求的处理
XMLHttpRequest会遵守同源策略,(不同源地址之间默认不能相互发送ajax请求)
跨域:协议(http://) 子域名(www) 主域名(baidu.com) 端口号(:8080) 一个不同便是跨域请求
CORS(跨域资源共享)
浏览器将CORS请求分为两类:简单请求和非简单请求
简单请求 浏览器不会触发预检测请求,而非简单请求则会触发预请求(options)
满足以下条件属于简单请求
- 请求方式只能是GET、POST、HEAD
- HTTP请求头限制这几种字段(Accept、Accept-Language、Content-Type、DPR、Downlink、Save-Data、Viewport-Width、Width)
- Content-Type:只能取application/x-www-form-urlencoded、multipart/form-data、text/plain
- 请求中的任意XMLHttpRequestUpload对象均没有注册任何事件监听器;XMLHttpRequestUpload对象可以使用
- 请求中没有使用ReadableStream对象
一般的,使用过程中,在跨域的情况下,设置的Content-Type为application/json,所以出现了非简单请求,需要后台配合将options预请求过滤处理即可