【前端】跨域问题：“ It does not have HTTP ok status.”

最新推荐文章于 2023-04-26 09:30:59 发布

本小蛋

最新推荐文章于 2023-04-26 09:30:59 发布

阅读量7k

点赞数

分类专栏：日常踩坑文章标签：前端 http java

本文链接：https://blog.csdn.net/qq_39369673/article/details/129371296

版权

日常踩坑专栏收录该内容

6 篇文章

订阅专栏

当前端进行跨域请求并添加自定义请求头或使用PUT、DELETE方法时，浏览器会先发送OPTIONS请求来检查服务器的CORS策略。为解决此问题，可以在服务器端使用Filter拦截OPTIONS请求，直接返回200状态码，并设置相应的CORS响应头，允许所需的方法和源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题原因：

当前端跨域请求添加了自定义请求头，或者使用PUT、DELETE后，每次请求前会都会发起一个options请求，来获取一些服务器信息。

解决方法：
知道原因了就很好解决了，用 Filter 将 options 请求直接返回200就行了。

@WebFilter(filterName = "loginFilter",urlPatterns = "/*")
public class HttpFilter implements Filter {

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        Filter.super.init(filterConfig);
    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, HEAD");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "*");
        if ("OPTIONS".equalsIgnoreCase(((HttpServletRequest) servletRequest).getMethod())){
            response.setStatus(HttpStatus.HTTP_OK);
            return;
        }
    }

    @Override
    public void destroy() {
        Filter.super.destroy();
    }
}