浏览器跨域处理

最新推荐文章于 2024-03-18 16:41:48 发布

扛枪蚂蚁

最新推荐文章于 2024-03-18 16:41:48 发布

阅读量156

点赞数

本文链接：https://blog.csdn.net/qq_30228707/article/details/118905381

版权

Java 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

本文介绍了两个常见的跨域问题：'Access-Control-Allow-Origin' 头部包含多个值导致的错误和预检请求（Option）中不允许的请求头。问题1的解决方案是删除后端的跨域处理逻辑，避免重复。问题2的解决方法是在Nginx配置中添加缺失的'Access-Control-Allow-Headers'头，确保所有必要的请求头都被允许。通过这些修正，可以确保跨域请求的正确执行。

摘要由CSDN通过智能技术生成

问题1

The 'Access-Control-Allow-Origin' header
contains multiple values 'http://172.xxx.xxx.xxx:xxx, *', but only one is allowed.
原因
跨域配置重复了,nigix配置了跨域处理,后端代码也配置了跨域处理
解决方案

删除后端跨域处理逻辑

问题2
Request header field * is not allowed by Access-Control-Allow-Headers in preflight response

原因:
在正式跨域的请求前，浏览器会根据需要，发起一个“PreFlight”（也就是Option请求），用来让服务端返回允许的方法（如get、post），
被跨域访问的Origin（来源，或者域），还有是否需要Credentials(认证信息）;
解决方案

可以在ngnix中添加如下配置
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';