前端OPTIONS请求

Dear 丶 2022-05-21 21:51 289阅读 0赞

## 背景 ##

今天在项目调试中，需要在拦截器里获取前端请求头里的token，结果死活获取不到。debug了半天发现前端一共发送了两次请求，真正的请求的第二次。

## OPTIONS请求 ##

OPTIONS请求方法的主要用途有两个：

1、获取服务器支持的HTTP请求方法；也是黑客经常使用的方法。

2、用来检查服务器的性能。例如：AJAX进行跨域请求时的预检，需要向另外一个域名的资源发送一个HTTP OPTIONS请求头，用以判断实际发送的请求是否安全。

总之，OPTIONS请求相当于一个检测目标是否安全的操作，类似于心跳机制。所以我们在后台拦截器里面应该把这个请求过滤掉。

<table> 
 <tbody> 
  <tr> 
   <td><pre><span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
<span>5</span>
<span>6</span>
<span>7</span>
<span>8</span>
</pre></td> 
   <td style="width:654.55px;"><pre style="width:654.55px;"><span>public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
       </span>
<span>	</span>
<span>	if(<span>"<span>OPTIONS</span>"</span>.equals(httpRequest.getMethod())){
       </span>
<span>           filterChain.doFilter(httpRequest, httpResponse);</span>
<span>           return;</span>
<span>       }</span>
<span></span>
<span>}</span>
</pre></td> 
  </tr> 
 </tbody> 
</table>

如上，如果检测到请求方法是options，则直接通过，接下来会得到真正的请求。

发表评论取消回复

表情：

评论列表（有 0 条评论，289人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nginx 设置禁用 OPTIONS 请求

1、修改 nginx 配置在 nginx.conf 配置文件中，增加如下内容： if ($request_method ~ OPTIONS) {

电玩女神/ 2024年03月02日 10:32/ 0 赞/ 63 阅读

相关【HTTP】如何避免OPTIONS请求？

> 场景：在调用后端接口的时候会出现两次请求：OPTIONS请求和GET请求。OPTIONS请求耗费了一定的时间，需减少OPTIONS请求。查找原因是浏览器对简单跨域请求和

淡淡的烟草味﹌/ 2024年02月19日 18:08/ 0 赞/ 70 阅读

相关 options请求

<1> 一个Option请求引发的深度解析在当前项目中，前端通过POST方式访问后端的REST接口时，发现两条请求记录，一条请求的Request Method为Opt

灰太狼/ 2023年10月01日 12:21/ 0 赞/ 22 阅读

相关 http预请求options

在有很多情况下,当我们在js里面调用一次ajax请求时,在浏览器那边却会查询到两次请求,第一次的Request Method参数是OPTIONS,还有一次就是我们真正的请求,比

不念不忘少年蓝@/ 2023年06月22日 13:41/ 0 赞/ 38 阅读

相关 JS中的OPTIONS请求

JS中的OPTIONS请求之所以写这篇博文，是因为在运行js代码时出现OPTIONS请求，就去查了相关的资料。 ![在这里插入图片描述][watermark_typ

我就是我/ 2022年12月01日 11:55/ 0 赞/ 322 阅读

相关 nginx options请求失败

OPTIONS 在跨域的时候，浏览器会自动发起一个OPTIONS请求。在请求的时候即使设置了允许跨域访问，有可能还是会访问失败，出现403、504等错误如下：

喜欢ヅ旅行/ 2022年06月07日 03:38/ 0 赞/ 210 阅读

相关 HTTP的请求方法OPTIONS

HTTP请求方法并不是只有GET和POST，只是最常用的。据RFC2616标准（现行的HTTP/1.1）得知，通常有以下8种方法：OPTIONS、GET、HEAD、POST、P

客官°小女子只卖身不卖艺/ 2022年06月06日 02:58/ 0 赞/ 278 阅读

相关前端OPTIONS请求

背景今天在项目调试中，需要在拦截器里获取前端请求头里的token，结果死活获取不到。debug了半天发现前端一共发送了两次请求，真正的请求的第二次。 OPTIONS

Dear 丶/ 2022年05月21日 21:51/ 0 赞/ 290 阅读

相关 options请求

<1> [一个Option请求引发的深度解析][Option] 在当前项目中，前端通过POST方式访问后端的REST接口时，发现两条请求记录，一条请求的Request

朱雀/ 2022年04月08日 14:51/ 0 赞/ 272 阅读

相关 Ajax中的OPTIONS 请求

浏览器对简单跨域请求和复杂跨域请求的处理： > 简单跨域请求： > > XMLHttpRequest会遵守同源策略(same-origin policy). 也即脚本只

柔情只为你懂/ 2022年04月05日 07:11/ 0 赞/ 368 阅读