CORS 请求未能成功_CORS 测试提示错误 Reason: header authorization

在使用 CORS 测试的时候，我们得到下面的错误提示：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8080/search/user. (Reason: header ‘authorization’ is not allowed according to header ‘Access-Control-Allow-Headers’ from CORS preflight response).

问题解决
如果你使用的是 Spring 进行 API 编写的话。

出现这个问题的原因在于你返回的 http 请求的 header Authorization 这个选项。
在你的过滤器中，你应该添加下面的一段内容：

httpServletResponse.setHeader("Access-Control-Allow-Headers", "Authorization, Origin, X-Requested-With, Content-Type, Accept");

需要注意的是，根据官方的文档中的说明 Access-Control-Allow-Headers: * 是可以使用通配符的。

但是 Authorization 的头不能使用通配符，必须单独列出。

因此，需要在 Spring API 返回的头中添加上面的代码。

上面的代码表示告诉前端 CORS 的设置，以避免出现跨域访问的问题。

上面的配置，你可以在 Spring 的过滤器中进行配置。

当你配置成功后重启服务器，在进行跨域测试。

你会看到测试成功的提示：

同时在浏览器的网络调试部分，我们应该能够看到相应的头中也添加了 Authorization。

跨域访问比较难调试的问题就是不同的地方有不同的错误，需要根据前端和后端同时来进行调试。但，浏览器的调试窗口也给了比较完整的提示。

按照浏览器的调试提示来调试就可以了。

https://www.ossez.com/t/spring-api-cors-reason-header-authorization-is-not-allowed/63

CORS 请求未能成功_CORS 测试提示错误 Reason: header authorization相关推荐

CORS 请求未能成功_CORS攻击概述
原创: 慌得一批合天智汇 0x01.CORS简介CORS是一个W3C标准,全称是"跨域资源共享"(Cross-originresource sharing). 出于安全原因,浏览 ...
已拦截跨源请求：同源策略禁止读取位于...的远程资源。（原因：CORS 请求未能成功）。
已拦截跨源请求:同源策略禁止读取位于 http://192.168.43.207:8080/manager/login?name=hao&password=111 的远程资源.(原因:CORS ...
Firefox浏览器报错：CORS请求未能成功
最近在开发中遇到个问题,项目部署完后在Google浏览器能正常使用,但是在Firefox浏览器报跨域拦截(CORS请求未能成功):经检查后端代码以及Nginx都已经配置了跨域相关的代码,按理不应该在出 ...
CORS 请求未能成功_当遇到跨域开发时, 我们如何处理好前后端配置和请求库封装(koa/axios版)...
我们知道很多大型项目都或多或少的采用跨域的模式开发, 以达到服务和资源的解耦和高效利用. 在大前端盛行的今天更为如此, 前端工程师可以通过nodejs或者Nginx轻松搭建起web服务器.这个时候我们 ...
CORS请求未能成功
我的跨域问题,在5500端口访问8000端口我的vscode默认是5500 端口解绝方法点击live Server 设置按钮 setting port 设置端口改成8000 端口没有就自己加 ...
vue项目中已拦截跨源请求：同源策略禁止读取位于....（原因：CORS 请求未能成功）解决方案
手动给Global.asax配置,添加如下方法 protected void Application_BeginRequest(object sender, EventArgs e){System.W ...
vue工程本地代码请求http发生跨域提示错误解决方法
这个可以使用代理进行跨域,这样看来跨域的方法就有几种了,对于iframe中的用postmassage,对于vue工程中的跨域则使用代理模式. 代理模式配置如下: 在config文件夹下找到index. ...
CentOS 安装MySQL(rpm)提示错误Header V3 DSA/SHA1 Signature
提示错误:Header V3 DSA/SHA1 Signature, key ID 5072e1f5: NOKEY error: Failed dependencies 错误原因:这是由于yum安装了 ...
电脑摄像头未能创建连接服务器,Win7中摄像头提示未能创建视频预览错误怎么办...
最近有不少用户在我们网站上提问说他们在打开摄像头的时候,就会遇到打开摄像头的时候提示"未能创建视频预览,请检查设备连接"的问题,这是怎么回事呢,出现这样的原因的话有可能是电脑中毒了 ...

CORS 请求未能成功_CORS 测试提示错误 Reason: header authorization

CORS 请求未能成功_CORS 测试提示错误 Reason: header authorization相关推荐

最新文章

热门文章

CORS 请求未能成功_CORS 测试 提示错误 Reason: header authorization

CORS 请求未能成功_CORS 测试 提示错误 Reason: header authorization相关推荐

最新文章

热门文章

CORS 请求未能成功_CORS 测试提示错误 Reason: header authorization

CORS 请求未能成功_CORS 测试提示错误 Reason: header authorization相关推荐