跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin

草莓味少女vv

已于 2022-10-12 11:20:38 修改

阅读量10w+

点赞数 18

分类专栏： JAVA 文章标签：前端 javascript java

于 2020-02-28 11:46:27 首次发布

本文链接：https://blog.csdn.net/hdy14/article/details/104553277

版权

JAVA 专栏收录该内容

50 篇文章

订阅专栏

我遇到了很多此这个问题，不过都是属于跨域没有跨过去。可能是来自于前端，也可能是来自于后端，详情请看下文

问题原因1：后端没有设置header

解决办法：后端action（controller）里添加如下代码即可

 response.setHeader("Access-Control-Allow-Origin", "*");
 response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE");

问题原因2：前端设置的数据格式不正确

解决办法：前端ajax里删除contentType,如下图所示

在这里插入图片描述

如果以后遇到其他问题会继续总结！

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

草莓味少女vv

关注关注

18
点赞
踩
51

收藏

觉得还不错? 一键收藏
4
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

浏览器预检请求返回400 has been blocked by CORS policy: Response to preflight request doesn’t pass access cont

weixin_53512283的博客

04-02

3万+

这个问题也是很过分头一次遇到，原因是谷歌浏览器在有跨域（CORS）请求时，会先发送一个preflight（预检）请求，之后才会发送fetch请求。 CORS：跨源资源共享(CORS)（或通俗地译为跨域资源共享）是一种基于HTTP头的机制，该机制通过允许服务器标示除了它自己以外的其它origin（域，协议和端口），这样浏览器可以访问加载这些资源。跨源资源共享还通过一种机制来检查服务器是否会允许要发送的真实请求，该机制通过浏览器发起一个到服务器托管的跨源资源的"预检"请求。在预检中，浏览器发...

vue跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Ori

忘川的博客

12-23

1万+

每天一个报错，个各不相同。看见下面的这行报错是不是感觉跟熟悉？没错，vue的跨域问题，记录一下我的解决方法并分享给大家 ~ . ~ Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 那就直接上代码？ module.exports = { devServer: {

4 条评论您还未登录，请先登录后发表或查看评论

03Web服务器基础-19. HTTP协议请求部分详解

学无止境

09-10

530

03Web服务器基础-19. HTTP协议请求部分详解

前端 | CORS 跨域问题解决

weixin_42479421的博客

03-09

1061

注：注意顺序，press和cors的顺序。，判断是用require还是import。头部没有配置，导致请求被浏览器拦截。

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ he

weixin_73060959的博客

09-04

5043

当你的拦截器拦截到这种OPTIONS请求时，如果没有正确地处理（例如，返回正确的CORS头部信息），那么浏览器就会认为服务器是不可连接到的所以阻止实际的请求发送，所以我们需要确保拦截器在处理OPTIONS请求时，返回正确的CORS头部信息。预检请求是一种由浏览器自动发送的、使用OPTIONS方法的HTTP请求，它用于检查实际请求是否可以被服务器接受。使用axios请求，并在请求头添加token，发送请求，后端能成功接收请求，但请求头没有token，导致过滤器拿不到token进行校验。

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题

热门推荐

qq_51758070的博客

07-11

3万+

出现问题：在本地运行，有配置vue.config.js中的proxy，所以解决了跨域问题。但将项目打包放到服务器上去，在打包的过程中，proxy是不会被打包进去的，也就是说代理所配置的跨域就已经失效了。问题直接上图：解决问题首先，需要在服务器下载nginx并配置nginx.conf文件(位置在nginx中的conf文件夹)，以及将打包好的dist文件夹放在nginx中的html文件夹内。下图是我的nginx.conf文件的配置到这里，依旧是还没解决最前面所说的跨域问题，还剩下最后一步参考了下面这个博主的方

跨域报错：Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origi

仰望星空

12-21

2万+

在编写一个简单POST跨域请求时碰到了这个问题，我看了下网上的答案，感觉我好像也都做到了，但是就是不行，我将核心问题进行了抽象，抽象为下面的代码：前端是这样的： $.ajax({ type: "post", url: "http://localhost:8081/test/testUploadPhoto", dataType: "json", data:{ canvasPhotoBase64Data:"dataUrl", }, beforeSend:

Response to preflight request doesn t pass access control check: No Access-Control-Allow-Origin

01-03

浏览器会进行跨域检查，如果服务器没有正确配置跨域访问的响应头，就会出现"Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the ...

Token跨域问题Response to preflight request doesn‘t pass access control check

qq_45925974的博客

01-21

1464

记录一次使用token遇到的跨域问题一、问题介绍前端vue使用axios发送请求，给每个请求的请求头添加token，后端使用Javaweb的filter处理跨域问题 1. 一开始是这样处理跨域的，登录的时候挺正常的，token获取到了 CORSFilter.java public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOExcep.

ajax 报错 Response to preflight request doesn‘t pass access control check: No *** header

缚己

01-26

1048

问题截图之前的项目中，就遇到了跨域的问题，所以这次一开始后端就设置了允许跨域，但是仍然抛出这样的异常，百度半天，发现是 axios 的问题，我的代码： const result = await axios.post('http://localhost:3000/login', this.login_form) login_from 是一个对象大部分问题的解决都是使用了 qs，根据网上的说法 axios 只能以字符串的形式发送，而axios在发送数据时需要字符串的方式进行发送，也就是说是放在 fo

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

最新发布

03-12

如果服务器端没有正确配置响应头，则会出现`No 'Access-Control-Allow-Origin' header is present on the requested resource.`错误消息[^1]。对于这个问题，在服务端应该设置合适的HTTP响应头以允许来自特定源...

Gin框架跨域问题：Response to preflight request doesn‘t pass access control check:No ‘Access-Control-Allow..

emptysunnine的博客

09-03

2670

Gin框架在本地测试的跨域问题：Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘ 处理

weixin_39802680的博客

03-12

3625

出现这类问题一般有三个地方需要查看 1 后端有没有进行跨域处理处理了 2 访问的路径有没有写对若文件路径正确，进入步骤三 3此时说明有可能服务器端有问题，查看控制台。有时候显示get请求不被允许，使用post请求 @PostMapping(“getOrderByNum/{orderNo}”) 4 若使用了nginx来使用请求重定向，对nginx 配置进行查看。 ...

Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin‘

chuyuluo189的博客

01-01

4629

【错误记录/html】Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow

o0o

08-13

8827

错误详情在使用ajax向http服务器请求时，出现以下错误：Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. 请求如下：$.ajax({ url: "http://127.0.0.1/getname", type: 'GET', succes

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin

07-29

这个错误通常是由于跨域请求引起的。浏览器会在发送跨域请求之前发送一个预检请求（preflight request），以验证服务器是否允许该请求。如果服务器未正确配置响应头部，就会导致这个错误。要解决这个问题，你需要在服务器端设置正确的响应头部。在返回的响应中包含一个名为"Access-Control-Allow-Origin"的头部，并将其值设置为允许访问的域名，或者设置为"*"表示允许任意域名进行访问。例如，如果你希望允许所有域名进行访问，可以在服务器端的响应中添加以下头部： ``` Access-Control-Allow-Origin: * ``` 如果你只想允许特定的域名进行访问，可以将其值设置为该域名，例如： ``` Access-Control-Allow-Origin: https://example.com ``` 确保在服务器端正确配置了这些响应头部后，浏览器就会通过预检请求，并允许跨域请求的发送。