跨域请求避免OPTIONS请求（预检请求）

最新推荐文章于 2024-08-11 08:00:00 发布
最新推荐文章于 2024-08-11 08:00:00 发布
阅读量340 收藏
点赞数
文章标签： 服务器 前端 javascript http servlet
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34006340/article/details/130525590
版权
本文介绍了跨域资源共享(CORS)中的预检请求机制，详细阐述了何时会触发OPTIONS预检请求，并提供了避免发送OPTIONS请求的方法。内容包括预检请求的原因、触发条件以及如何调整请求设置以优化跨域请求流程。
摘要由CSDN通过智能技术生成

有时候跨域请求有时候会自动发起两次请求， 第一次为预检请求，即OPTIONS请求,主要用于获知服务端支持的HTTP请求方法。 跨域资源共享(CORS)标准新增了一组 HTTP 首部字段，配合预检请求可获知服务器允许哪些源站通过浏览器有权限访问哪些资源。

当发生以下情况时，客户端就会自动发起OPTIONS预检请求
  • 使用以下任一HTTP 方法： PUT/DELETE/CONNECT/OPTIONS/TRACE/PATCH
  • 设置了以下头部字段以外的自定义字段： Accept/Accept-Language/Content-Language/Content-Type/DPR/Downlink/Save-Data/Viewport-Width/Width
  • Content-Type 的值不属于下列之一: application/x-www-form-urlencoded、multipart/form-data、text/plain
  • 请求中的任意XMLHttpRequestUpload 对象均没有注册任何事件监听器； XMLHttpRequestUpload 对象可以使用 XMLHttpRequest.upload 属性访问
  • 请求中没有使用 ReadableStream 对象
解决方法：调整请求方法、去除自定义header、修改Content-Type，基本可以避免该请求发出OPTIONS预检请求
A青火
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
跨域和options请求
qq_38478903的博客
12-08 1619
前后端分离的项目中，前端和后端单独部署，使用不同的域名，前端代码在浏览器端访问后端的时候就会有跨域问题。 之前帮前端调试活动页面的时候，chrome调试工具上总是看到一个请求会重复发两次，后端加了锁，并做了数据校验，所以前端不管怎么搞都不会有问题，也没在意，一直以为是前端代码的问题。 后来研究跨域的时候，发现前端发的两个请求中，第一个是 options请求，第二个才是正常的 get/post...
跨域请求处理与跨域之OPTIONS请求
GUYyyy的博客
03-10 1500
跨域即跨域资源共享（CROS），发生在一个资源区请求不同域名的资源或同域名不同端口的资源时。 正常的解决方式： @Configuration public class GlobalCorsConfig { @Bean public CorsFilter corsFilter() { CorsConfiguration config = new CorsConfiguration(); //允许所有域名进行跨域调用 config.addAl.
axios去掉预请求
范天缘的博客
03-30 1万+
在配置axios的文件中加一句 代码 就好了 axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; 如果是跨域访问接口的话，去掉预请求接口会全部报红，返回状态415 Status code 415:服务器无法处理请求附带的媒体格式 ...
Google Chrome 如何屏蔽 OPTIONS 请求？
极客点儿
05-31 2506
了解了 `OPTIONS` 是预请求之后该如何屏蔽 OPTIONS 请求呢？答案很简单，只需要在 `Filter` 中输入 `-method:OPTIONS` 即可！
Nginx 设置禁用 OPTIONS 请求以及允许跨域教程！
高性价比服务器就选：蓝易云
07-01 2312
通过按照上述步骤，在Nginx中设置禁用OPTIONS请求和允许跨域。请确保在编辑Nginx配置文件时使用正确的服务器名称或IP地址。替换为您的域名或IP地址。替换为您的域名或IP地址。
Spring 后端处理options请求，解决跨域问题
zhanghe_zht的博客
06-08 6901
@ResponseBody @RequestMapping(value = {"/change","/add","/delete"}, method = RequestMethod.OPTIONS) public String options(HttpServletResponse resp,HttpServletRequest request){ setCORS(resp,request); return "success"; } private void setCORS(HttpSer
一个注解搞定Spring Security 忽略拦截
小魏的奇妙世界
12-20 4514
一个注解搞定spring-security忽略拦截, 减少开发硬编码配置
Python Tornado之跨域请求与Options请求方式
09-17
提到的Options请求是CORS预检请求，浏览器在发送实际的GET、POST等请求之前，会先发送一个Options请求，检查服务器是否允许这次跨域请求。因此，Tornado需要处理Options请求，确保返回正确的响应头： ```python ...
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
01-19
简单跨域不会发送options请求，复杂跨域会发送一个预检请求options。 1.简单跨域满足的条件 1.请求方式是以下三种之一： HEAD GET POST 2.HTTP的头信息不超出以下几种字段 Accept Accept-Language Content-...
Springboot解决ajax+自定义headers的跨域请求问题
10-16
要正确处理预检请求，你需要确保服务器能够正确响应OPTIONS请求，返回适当的HTTP状态码（通常是200）以及`Access-Control-Allow-Methods`、`Access-Control-Allow-Headers`和`Access-Control-Allow-Origin`等响应头...
Django实现跨域请求过程详解
09-18
对于复杂请求，浏览器会在实际请求之前发送一个预检请求（Preflight Request），该请求采用`OPTIONS`方法，用来确定服务端是否允许特定的跨域请求。 #### 浏览器的同源策略 同源策略（Same-Origin Policy）是...
Vue使用axios出现options请求方法
10-16
然而，有时在进行跨域请求时，浏览器会先发送一个预检请求（OPTIONS请求），这是由于CORS（Cross-Origin Resource Sharing，跨源资源共享）机制的规定。当请求的HTTP方法不是GET、HEAD、POST，或者请求头部包含...
响应头缺失、禁用Options方法、解决跨域
m0_37642477的博客
09-02 7625
web安全响应头
【HTTP】如何避免OPTIONS请求？
热门推荐
smart_dream
03-01 3万+
场景：在调用后端接口的时候会出现两次请求：OPTIONS请求和GET请求。OPTIONS请求耗费了一定的时间，需减少OPTIONS请求。 查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别。 XMLHttpRequest会遵守同源策略(same-origin policy). 也即脚本只能访问相同协议/相同主机名/相同端口的资源, 如果要突破这个限制, 那就是所谓的跨域, 此时需要遵守...
【SpringBoot项目中禁用OPTIONS请求方法，修复启用OPTIONS方法漏洞】
ZQL666123的博客
10-20 2411
SpringBoot项目中禁用OPTIONS请求方法，修复启用OPTIONS方法漏洞，漏洞扫描时修复漏洞
关于spring boot 拦截器 跨域 OPTIONS的解决方案
MyZy_的博客
08-15 1162
这边设置了http://localhost:5173，之前设置的是通配符 * ,然后我自信满满的重新运行、刷新、好，它报错，问题没解决，我抓耳挠腮的在服务器和本地都调试了一遍，都不行！后面网上找了一大堆，我看到一个OPTIONS解决的一个问题，哦豁！运行，刷新，问题解决~
原生js XMLHttpRequest发送 get post 请求 解决跨域 及 注意事项
qq_45287575的博客
02-24 7047
原生js XMLHttpRequest发送 get post 请求 解决跨域 及 注意事项
Nginx 设置禁用 OPTIONS 请求以及允许跨域
wd520521的博客
05-10 7082
1、修改 nginx 配置 在 nginx.conf 配置文件中，增加如下内容： if ($request_method ~* OPTIONS) { return 403; } 效果如下：（如果配置了SSL，则需要在SSL也配置一下） 2、重启 nginx 服务 /usr/local/nginx/sbin -s reload systemctl restart nginx service nginx restart 3、功能验证 使用如下命令： curl .
16 交换机命令行配置
最新发布
weixin_48089507的博客
08-11 229
【代码】15 交换机命令行配置。
跨域请求预检403 Forbidden
06-06
当你尝试从一个网站向另一个网站发送AJAX（Asynchronous JavaScript and XML）请求时，如果目标网站不在同源策略（Same-Origin Policy）允许的范围内，浏览器会先发送一个OPTIONS请求到服务器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A青火

既然来了,确定不打赏就走了吗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值