【原创】OPTIONS请求之跨域请求被阻止（原因：CORS预检通道未成功）解决方案超神！牛逼！

最新推荐文章于 2024-07-27 19:02:51 发布

RubyXun

最新推荐文章于 2024-07-27 19:02:51 发布

阅读量4.5k

点赞数 1

分类专栏： Java 文章标签：后端 java springboot vue

RubyXun

本文链接：https://blog.csdn.net/m0_46269959/article/details/125098405

版权

Java 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

问题详情

Stackoverflow：OPTIONS请求跨域问题https://stackoverflow.com/questions/72465838/why-does-this-cors-preflight-did-not-succeed-always-appear-resulting-in-the-use/72470620#72470620

代码参考

      if(request.getMethod().equals(RequestMethod.OPTIONS.name()))
        {
            response.setHeader("Access-Control-Allow-Origin","*");
            response.setHeader("Access-Control-Allow-Headers","*");
            response.setHeader("Access-Control-Allow-Methods","*");
            response.setHeader("Access-Control-Allow-Credentials","true");
            response.setHeader("Access-Control-Max-Age","3600");
            response.setStatus(HttpStatus.OK.value());

            return true;
        }

问题解决

之前尝试在拦截器方法内添加此代码块无效

      if(request.getMethod().equals(RequestMethod.OPTIONS.name()))
        {
            return true;
        }

然后发现需要在此代码块内添加跨域Head信息成功

   if(request.getMethod().equals(RequestMethod.OPTIONS.name()))
        {
            response.setHeader("Access-Control-Allow-Origin","*");
            response.setHeader("Access-Control-Allow-Headers","*");
            response.setHeader("Access-Control-Allow-Methods","*");
            response.setHeader("Access-Control-Allow-Credentials","true");
            response.setHeader("Access-Control-Max-Age","3600");
            response.setStatus(HttpStatus.OK.value());

            return true;
        }