从处理post请求，Reqest Method:OPTIONS错误见 javax.servlet.Filter

最新推荐文章于 2023-01-14 10:10:16 发布
最新推荐文章于 2023-01-14 10:10:16 发布
阅读量514 收藏 1
点赞数
分类专栏： 知识学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39139129/article/details/115242989
版权

写一个demo接口扔到服务器上，很巧合的遇到这个问题，在处理之后记录一下。

原因：前端vue axios请求post接口时，用axios进行跨域请求时有时会遇到，这是因为CORS跨域分为 简单跨域请求和复杂跨域请求；简单跨域不会发送options请求，复杂跨域会发送一个预检请求options。Content-Type并非application/x-www-form-urlencoded, multipart/form-data, 或text/plain，请求设置了自定义的header字段，在header中自定义了字段就会触发options预检请求

 

处理方法：对照网上解决办法，在demo里加入了一个过滤器，过滤处理请求header字段。

package com.daniel.jjmusic.conponet;

import org.springframework.stereotype.Component;

import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Component
public class SimpleCORSFilter implements Filter  {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        HttpServletResponse res = (HttpServletResponse)response;
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        res.setHeader("Access-Control-Max-Age", "3600");
        res.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token");
        chain.doFilter(request, response);
    }

    @Override
    public void destroy() {

    }

}

扩展：创建一个过滤器 Filter 需要实现 javax.servlet.Filter 接口，重写其中的三个方法。

init()  方法只在web容器启动时执行，具体为因为我加的 @Component 注解，在容器初始化后，批量实例化后，将此类一起实例化，后在初始化阶段，执行了该 init() 方法。

destroy() 容器在销毁过滤器实例前调用该方法。

doFilter() 方法进行主要操作调用发生在客户端请求方法与过滤器设置匹配的URL时，Servlet容器将先调用过滤器的doFilter方法。FilterChain用户访问后续过滤器。在执行的时候，首先是执行doFilter()方法中chain.doFilter()之前的代码，然后放弃权限给下一个过滤器或者serverlet等等，最后才执行chain.doFilter()之后的代码。

 

测试：

于是我又写了一个过滤器想看看它们之间的关系。代码也变成了这个样子

package com.daniel.jjmusic.conponet;

import org.springframework.stereotype.Component;

import javax.servlet.*;
import java.io.IOException;

@Component
public class TestFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        System.out.println("TestFilter + init()");
    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        System.out.println("第四步");
        filterChain.doFilter(servletRequest, servletResponse);
        System.out.println("第五步");
    }

    @Override
    public void destroy() {
        System.out.println("TestFilter + destory()");
    }
}

package com.daniel.jjmusic.conponet;

import org.springframework.stereotype.Component;

import javax.servlet.*;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Component
public class SimpleCORSFilter implements Filter {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        System.out.println("SimpleCORSFilter + init()");
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
            throws IOException, ServletException {
        System.out.println("第一步");
        HttpServletResponse res = (HttpServletResponse)response;
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        res.setHeader("Access-Control-Max-Age", "3600");
        res.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token");
        chain.doFilter(request, response);
        System.out.println("第三步");
    }

    @Override
    public void destroy() {
        System.out.println("SimpleCORSFilter + destory()");
    }

}

启动信息：

"C:\Program Files\Java\jdk1.8.0_181\bin\java.exe" -agentlib:jdwp=transport=dt_socket,address=127.0.0.1:53192,suspend=y,server=n -XX:TieredStopAtLevel=1 -noverify -Dspring.output.ansi.enabled=always -Dcom.sun.management.jmxremote -Dspring.jmx.enabled=true -Dspring.liveBeansView.mbeanDomain -Dspring.application.admin.enabled=true -javaagent:C:\Users\danie\.IntelliJIdea2019.3\system\captureAgent\debugger-agent.jar -Dfile.encoding=UTF-8 -classpath "C:\Program Files\Java\jdk1.8.0_181\jre\lib\charsets.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\deploy.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\access-bridge-64.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\cldrdata.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\dnsns.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\jaccess.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\jfxrt.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\localedata.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\nashorn.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\sunec.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\sunjce_provider.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\sunmscapi.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\sunpkcs11.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\ext\zipfs.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\javaws.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\jce.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\jfr.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\jfxswt.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\jsse.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\management-agent.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\plugin.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\resources.jar;C:\Program Files\Java\jdk1.8.0_181\jre\lib\rt.jar;D:\workspace\idea_workspace\jjmusic\target\classes;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot-starter-web\2.4.4\spring-boot-starter-web-2.4.4.jar;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot-starter\2.4.4\spring-boot-starter-2.4.4.jar;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot\2.4.4\spring-boot-2.4.4.jar;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot-autoconfigure\2.4.4\spring-boot-autoconfigure-2.4.4.jar;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot-starter-logging\2.4.4\spring-boot-starter-logging-2.4.4.jar;D:\file\data\maven\maven_3.5.4\ch\qos\logback\logback-classic\1.2.3\logback-classic-1.2.3.jar;D:\file\data\maven\maven_3.5.4\ch\qos\logback\logback-core\1.2.3\logback-core-1.2.3.jar;D:\file\data\maven\maven_3.5.4\org\apache\logging\log4j\log4j-to-slf4j\2.13.3\log4j-to-slf4j-2.13.3.jar;D:\file\data\maven\maven_3.5.4\org\apache\logging\log4j\log4j-api\2.13.3\log4j-api-2.13.3.jar;D:\file\data\maven\maven_3.5.4\org\slf4j\jul-to-slf4j\1.7.30\jul-to-slf4j-1.7.30.jar;D:\file\data\maven\maven_3.5.4\jakarta\annotation\jakarta.annotation-api\1.3.5\jakarta.annotation-api-1.3.5.jar;D:\file\data\maven\maven_3.5.4\org\yaml\snakeyaml\1.27\snakeyaml-1.27.jar;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot-starter-json\2.4.4\spring-boot-starter-json-2.4.4.jar;D:\file\data\maven\maven_3.5.4\com\fasterxml\jackson\core\jackson-databind\2.11.4\jackson-databind-2.11.4.jar;D:\file\data\maven\maven_3.5.4\com\fasterxml\jackson\core\jackson-annotations\2.11.4\jackson-annotations-2.11.4.jar;D:\file\data\maven\maven_3.5.4\com\fasterxml\jackson\core\jackson-core\2.11.4\jackson-core-2.11.4.jar;D:\file\data\maven\maven_3.5.4\com\fasterxml\jackson\datatype\jackson-datatype-jdk8\2.11.4\jackson-datatype-jdk8-2.11.4.jar;D:\file\data\maven\maven_3.5.4\com\fasterxml\jackson\datatype\jackson-datatype-jsr310\2.11.4\jackson-datatype-jsr310-2.11.4.jar;D:\file\data\maven\maven_3.5.4\com\fasterxml\jackson\module\jackson-module-parameter-names\2.11.4\jackson-module-parameter-names-2.11.4.jar;D:\file\data\maven\maven_3.5.4\org\springframework\boot\spring-boot-starter-tomcat\2.4.4\spring-boot-starter-tomcat-2.4.4.jar;D:\file\data\maven\maven_3.5.4\org\apache\tomcat\embed\tomcat-embed-core\9.0.44\tomcat-embed-core-9.0.44.jar;D:\file\data\maven\maven_3.5.4\org\glassfish\jakarta.el\3.0.3\jakarta.el-3.0.3.jar;D:\file\data\maven\maven_3.5.4\org\apache\tomcat\embed\tomcat-embed-websocket\9.0.44\tomcat-embed-websocket-9.0.44.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-web\5.3.5\spring-web-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-beans\5.3.5\spring-beans-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-webmvc\5.3.5\spring-webmvc-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-aop\5.3.5\spring-aop-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-context\5.3.5\spring-context-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-expression\5.3.5\spring-expression-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\slf4j\slf4j-api\1.7.30\slf4j-api-1.7.30.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-core\5.3.5\spring-core-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\springframework\spring-jcl\5.3.5\spring-jcl-5.3.5.jar;D:\file\data\maven\maven_3.5.4\org\projectlombok\lombok\1.16.18\lombok-1.16.18.jar;D:\software\devTools\idea\IntelliJ IDEA 2019.3.4\lib\idea_rt.jar" com.daniel.jjmusic.JjmusicApplication
Connected to the target VM, address: '127.0.0.1:53192', transport: 'socket'

  .   ____          _            __ _ _
 /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
 \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
  '  |____| .__|_| |_|_| |_\__, | / / / /
 =========|_|==============|___/=/_/_/_/
 :: Spring Boot ::                (v2.4.4)

2021-03-26 15:21:03.371  INFO 908 --- [           main] com.daniel.jjmusic.JjmusicApplication    : Starting JjmusicApplication using Java 1.8.0_181 on DESKTOP-MQQDPHE with PID 908 (D:\workspace\idea_workspace\jjmusic\target\classes started by danie in D:\workspace\idea_workspace\jjmusic)
2021-03-26 15:21:03.376  INFO 908 --- [           main] com.daniel.jjmusic.JjmusicApplication    : No active profile set, falling back to default profiles: default
2021-03-26 15:21:04.749  INFO 908 --- [           main] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat initialized with port(s): 8080 (http)
2021-03-26 15:21:04.760  INFO 908 --- [           main] o.apache.catalina.core.StandardService   : Starting service [Tomcat]
2021-03-26 15:21:04.761  INFO 908 --- [           main] org.apache.catalina.core.StandardEngine  : Starting Servlet engine: [Apache Tomcat/9.0.44]
2021-03-26 15:21:04.941  INFO 908 --- [           main] o.a.c.c.C.[Tomcat].[localhost].[/]       : Initializing Spring embedded WebApplicationContext
2021-03-26 15:21:04.941  INFO 908 --- [           main] w.s.c.ServletWebServerApplicationContext : Root WebApplicationContext: initialization completed in 1479 ms
TestFilter + init()
SimpleCORSFilter + init()
2021-03-26 15:21:05.171  INFO 908 --- [           main] o.s.s.concurrent.ThreadPoolTaskExecutor  : Initializing ExecutorService 'applicationTaskExecutor'
2021-03-26 15:21:05.401  INFO 908 --- [           main] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat started on port(s): 8080 (http) with context path ''
2021-03-26 15:21:05.413  INFO 908 --- [           main] com.daniel.jjmusic.JjmusicApplication    : Started JjmusicApplication in 2.875 seconds (JVM running for 4.801)

访问hello接口：

顺序是先走了 SimpleCORSFilter.doFilter() 的前半部分，又走了 TestFilter.doFilter() 的前半部分，然后执行 hello 接口逻辑，再执行 TestFilter.doFilter() 的后半部分，最后走 SimpleCORSFilter.doFilter() 的后半部分，这个执行的顺序感觉与压栈出栈颇有类似，等我继续探寻。

停止信息：

Disconnected from the target VM, address: '127.0.0.1:53192', transport: 'socket'
TestFilter + destory()
SimpleCORSFilter + destory()
2021-03-26 15:34:39.994  INFO 908 --- [extShutdownHook] o.s.s.concurrent.ThreadPoolTaskExecutor  : Shutting down ExecutorService 'applicationTaskExecutor'

Process finished with exit code 130

指定顺序：

分别在 TestFilter 指定 @Order(1)

在 SimpleCORSFilter 指定 @Order(2)

访问 hello 接口，可以用 order 指定过滤器的执行顺序，数字越小排在越外边（前面）

daniel_miau
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue axios跨域 Request Method: OPTIONS问题
Homer_Simpson的博客
04-10 1万+
今天做跨域登录功能遇到这个问题(后端已做跨域处理)： 当跨域请求为post时候，请求的method变为了options。 其实跨域分为 简单跨域请求和复杂跨域请求： 简单跨域请求是不会发送options请求的 复杂跨域请求会发送一个预检请求options 复杂跨域请求要满足以下： 1、请求方法不是GET/HEAD/POST 2、POST请求的Content-Type并非application/x...
Request Method OPTIONS
远方的少年
10-11 3484
最近在devtools查看接口时发现前端每次都会请求两遍接口，带着好奇的心理，发现每次多的一次请求都是OPTIONS请求。 然后网上查了一番，发现这个其实和CORS有关系。很多时候，浏览器为了确定服务端能够接受本次请求，会事先发起一个试探性的请求，以确定服务器能够接受哪些请求方式，以及是否支持跨域。 ...
http发送post请求，却报Reqest Method:OPTIONS的错误
慕容的博客
01-17 8566
原来代码如下，报图一的错误： function cpuTest() { $.ajax({ url: "http://127.0.0.1:1010/ICC_tsi_api_multi", type: 'post', dataType: "json", co...
Request Method: OPTIONS
weixin_35749440的博客
01-14 739
OPTIONS 方法是 HTTP 协议中的一种请求方法，它用于查询服务器支持的 HTTP 方法。在发送实际请求之前，浏览器会先发送一个 OPTIONS 请求来确认服务器是否支持该请求所需的方法。 ...
Konachan:从OS X的Konachan.com下载图像
05-06
我建议将Page Size保持在15 （以避免Reqest time out > _ <） 名称解释页面大小您要下载的图像数量页码分页数标签您想要获得的标签上图是： 我想下载50图像功能标签loli在和页码1 如果要在2下载页码，只需更改为...
super-xhr:超级干净的ajax请求
05-22
method : 'POST' , url : datums . url , params : { score : 900 } , headers : { 'X-Subliminal-Message' : 'Upvote-this-answer' } } ) ; } ) . catch ( function ( err ) { console . error ( 'error!' , ...
js-request:无需 jQuery 即可发出 ajax 请求的自定义实现
05-31
js请求 版本 1.0.0 如果您想从项目中删除 jQuery，那么这就是您的插件。 有了这个插件，你可以使用ES6 承诺以一种简单的方式从 javascript 执行 ajax 请求......我相信你需要这个Polyfill来运行它 这是正在开发中...
详解golang开发中http请求redirect的问题
12-16
这两天在开发项目的时候遇到了一个问题，请求了一个URL，它会302到另一个地址，本意上只是想检查这个URL是否会做3XX的redirect跳转，结果每次reqeust都会返回最后一跳的结果。后来就看了下源码，了解下请求跳转的...
SearchRnD:在Android应用上测试Search API性能的项目
05-24
搜索地址一个示例android应用程序，用于测试从网络上的各种开放式API获取和后续解析JSON对象的过程。 还旨在寻找最快和/或最有效的记忆候选HTTP客户端库： 原生android Http Reqest 凌空抽射翻新WaSPJSON prasing的...
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
10-14
主要介绍了解决vue axios跨域 Request Method: OPTIONS问题(预检请求)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Ajax 请求中出现OPTIONS（Request Method: OPTIONS）
热门推荐
qiao
09-03 5万+
背景 做上传文件功能时，在请求上传文件接口之前，会发送一个options的请求。 原因 ajax 请求遵循同源策略（协议、域名、端口必须一致），若突破该限制，会产生跨域行为，设置Access-Control-Allow-Origin: *，可允许客户端跨域访问。 除上述情况外，还有一种请求叫做Preflighted Request（带预检的跨域请求）。 Preflighted Request在...
解决 axios 跨域 Request Method: OPTIONS问题(预检请求)
huangpb的博客
01-06 9108
我们在vue开发中用axios进行跨域请求时有时会遇到，同一个接口请求了两次，并且第一次都是options请求，然后才是post/get请求 如下图 为什么会出现这种原因呢？ 这是因为CORS跨域分为 简单跨域请求和复杂跨域请求； 简单跨域不会发送options请求，复杂跨域会发送一个预检请求options。 1.简单跨域满足的条件 1.请求方式是以下三种之一： HEAD GET POST 2.HTTP的头信息不超出以下几种字段 Accept Accept-Language
节流Axios_解决vue axios跨域 Request Method： OPTIONS问题(预检请求)
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
08-16 486
　　我们在vue开发中用axios进行跨域请求时有时会遇到，同一个接口请求了两次，并且第一次都是options请求，然后才是post/get请求 　　如下图 　　 　　options请求 　　 　　get请求 　　为什么会出现这种原因呢？ 　　这是因为CORS跨域分为 简单跨域请求...
使用axios时遇到的Request Method: OPTIONS请求，会同时发送两次请求问题
学亮编程手记
10-24 2693
新接手的一个项目中，发现一些接口在请求时，会自动发送一个 Request Method: OPTIONS 的请求，我查了一遍代码，不是代码中写明的。就上网搜了一下，网上给出的解释涉及到了两个关键词： 简单请求和复杂请求。 简单请求和复杂请求。 简单请求 满足下面两个条件的请求是简单请求： 请求方式是以下三种之一： HEAD GET POST HTTP的头信息不超出以下几种...
vue打包部署后出现Request Method: OPTIONS
fujia99的博客
06-22 498
最开始是为了解决跨域问题使用了vue代理 proxy:{ "/api":{ target:"xxxxx", // 代理地址 //允许跨域 changeOrigin:true, ws:true, pathRewrite:{ "^/api":"", }, }, } 结果打包后直接运行出现405错误，部署后出现Reque...
multipart reqest
最新发布
09-06
multipart request是一种HTTP请求格式，它允许在一个单一的请求中发送多个不同类型的数据。通常情况下，一个HTTP请求只能携带一种类型的数据，但有些场景下需要同时发送多种类型的数据，比如上传文件时需要携带文件...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值