HTTP中的options请求详解

跨域开发过程中，遇到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预请求过滤处理即可

HTTP中的options请求详解相关推荐

前端面试之 options 请求详解
概述 options 请求就是预检请求,可用于检测服务器允许的 http 方法.当发起跨域请求时,由于安全原因,触发一定条件时浏览器会在正式请求之前自动先发起 OPTIONS 请求,即 CORS 预检 ...
Android中的四大组件详解
Android中的四大组件详解我们都知道Android系统应用层框架中,为开发者提供了四大组件来便于应用的开发,它们是Activity.Service.BroadcastReceiver.Conte ...
fetch 请求详解
转载:前后端数据交互(四)--fetch 请求详解 - 前端人 - 博客园 fetch 是 XMLHttpRequest 的升级版,使用js脚本发出网络请求,但是与 XMLHttpRequest 不同 ...
keep alive PHP,vue中keep-alive使用方法详解
这次给大家带来vue中keep-alive使用方法详解,vue中keep-alive使用的注意事项有哪些,下面就是实战案例,一起来看一下. 1.keep-alive的作用以及好处在做电商有关的项目中 ...
C++ 中的this指针详解及实例
C++ 中的this指针详解及实例这篇文章主要介绍了C++ 中的this指针详解及实例的相关资料,this指针是类的一个自动生成.自动隐蔽的私有成员,它存在于类的非静态成员中,指向被调用函数所在的对 ...
Java多线程编程中Future模式的详解
转载自 https://www.cnblogs.com/winkey4986/p/6203225.html Java多线程编程中,常用的多线程设计模式包括:Future模式.Master-Worker ...
JSP 中EL表达式用法详解
EL 全名为Expression Language EL 语法很简单,它最大的特点就是使用上很方便.接下来介绍EL主要的语法结构: ${sessionScope.user.sex} 所有EL都是以${ ...
JavaEE基础(03)：Http请求详解，握手挥手流程简介
本文源码:GitHub·点这里 || GitEE·点这里一.Http协议简介 1.概念说明 HTTP超文本传输协议,是用于从万维网服务器传输超文本到本地浏览器的传送协议,基于TCP/IP通信协议来传 ...
iOS中MVC等设计模式详解
iOS中MVC等设计模式详解在iOS编程,利用设计模式可以大大提高你的开发效率,虽然在编写代码之初你需要花费较大时间把各种业务逻辑封装起来.(事实证明这是值得的!) 模型-视图-控制器(MVC)设计 ...

HTTP中的options请求详解

CORS（跨域资源共享）

HTTP中的options请求详解相关推荐

最新文章

热门文章