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

2024-05-20 12:02:42

这几天差点折在这个跨域上了
老是报这个错误

网上的方法都快翻遍了，前端，后端，nginx配置都一个个试了，结果还是不行，就是老报请求头的域不在允许范围

前端：

后端：

nigix.config

查看请求发现option200预检请求都过不了，
没办法，后用笨方法在每个类入口都设置一个println方法看是哪一步卡住了，对，本人技术还不够牛能用debug追踪栈程序的运行，这个方法是目前费时间但比较可行的法子之一

这个过程中我发现CORS类方法都没有进去，根本不是配置的原因。

最后发现，我没加@Configuration注解！！！

晕死

加上问题就解决了

这里顺便说一下，
allowOrigin = “http://localhost:8080”; 代表后端所允许通过请求的域，一般在请求头携带该请求所来自的域

allowMethods = “GET,POST,PUT,DELETE,OPTIONS”; 代表允许请求的方法

allowCredentials = “true”; 代表是否运许携带cookie

allowHeaders = “Authorization,content-type,Access-Control-Allow-Origin”;代表允许的请求头的类型

exposeHeaders = “”; 代表让前端获取后端的响应头

最后再调用response.setHeader（）方法将参数封装到响应头中

nginx.config配置中

server {listen       8888;   //监听的端口，启动时将占用此端口server_name  localhost;  //运行的主机名（域）location /api {  //表示只匹配向接口/api转发发送的请求proxy_pass http://localhost:8081;  //表示nginx代理前端转发的目的域}

如前端域为 http://localhost:8080
后端为http://localhost:8081

前端发送一个get请求到http://localhost:8888/api/test，也就是nginx代理的域，nginx会代替8080访问8081/api/test，得到返回后，前端再收到从8888返回的json数据
对于前端，它面对的是 http://localhost:8888
对于后端，它收到请求的域依然是 http://localhost:8080

java跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Or相关推荐

vue跨域问题Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Ori
每天一个报错,个各不相同. 看见下面的这行报错是不是感觉跟熟悉? 没错,vue的跨域问题,记录一下我的解决方法并分享给大家 ~ . ~ Response to preflight request do ...
跨域：Response to preflight request doesn t pass access control check: No Access-Control-Allow-Origin
第一.找到config/index.js 设置proxyTable,实际上就是设置代理路径(PS:设置config文件之后,需要重新npm run dev) dev: {env: require('. ...
Response to preflight request doesn‘t pass access control check: No ‘Access-Control-Allow-Origin跨域问题
出现问题:在本地运行,有配置vue.config.js中的proxy,所以解决了跨域问题.但将项目打包放到服务器上去,在打包的过程中,proxy是不会被打包进去的,也就是说代理所配置的跨域就已经失效了 ...
关于跨域 Response to preflight request doesn‘t pass access control check
做项目的时候由于访问了不同的服务器,然后导致了跨域问题,报错情况为: has been blocked by CORS policy: Response to preflight request do ...
跨域 Response to preflight request doesn‘t pass access control check: It does not have HTTP ok status.
在登录的时候没有跨域问题, token 认证的时候就跨域了(请求拦截器中配置的请求头携带 token),有点玄学了. 后端没有报错,不过显示请求方法为 OPTION 预检请求.前端报错如下,解决也很简 ...
跨域Response to preflight request doesn‘t pass access control check: It does not have HTTP ok status.
最近后端添加自定义请求头拦截器后,前端也增加请求头后,解决过程中先后出现两种跨域错误. 一.请求后台出现如下跨域问题: has been blocked by CORS policy: Respons ...
关于Springboot中跨域问题的解决(Response to preflight request doesn‘t pass access control check)
Springboot中跨域问题的解决等不及的小伙伴,直接跳到结论部分即可,谢谢!!! 1. 背景 1.1 使用技术栈 Spring Security Springboot Vue.axios Jwt ...
has been blocked by CORS policy: Response to preflight request doesn‘t pass access control check
has been blocked by CORS policy: Response to preflight request doesn't pass access control check 这个错 ...
Response to preflight request doesn‘t pass access control check: The value of the ‘Access-Control-Al
错误:Response to preflight request doesn't pass access control check: The value of the 'Access-Control ...
浏览器预检请求返回400 has been blocked by CORS policy: Response to preflight request doesn’t pass access cont
这个问题也是很过分头一次遇到,原因是谷歌浏览器在有跨域(CORS)请求时,会先发送一个preflight(预检)请求,之后才会发送fetch请求. CORS:跨源资源共享 (CORS)(或通俗地译为跨 ...

最新文章

热门文章