概括:
我正在 React 中向我的 Node.js 服务器执行获取请求。
每当我不包括credentials: "include"
和 在我的获取请求中,请求就会成功地发送到服务器并返回给客户端。
但是,当我包含时credentials: "include"
,如下所示:
fetch('http://localhost:8000/',
{ method: "GET",
'credentials': 'include',
headers: new Headers({
'Accept': 'application/json',
'Access-Control-Allow-Origin':'http://localhost:3000/',
'Content-Type': 'application/json',
})
}) ....
我收到此预检错误:
login:1 Access to fetch at 'http://localhost:8000/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.
语境:
为什么我需要包括其中任何一个?
- 我认为很明显为什么我需要包含“标题”,我正在使用 cors,如果我不包含,
'Access-Control-Allow-Origin':'http://localhost:3000/'
那么服务器将不会接受请求。 - 如果没有它就可以工作,为什么我需要包含“凭据”?因为如果我在获取请求正确执行时不包含“凭据”,则会话 cookie 将不会从我的客户端发送到服务器,除非我包含
credentials: "include"
. 如果我删除所有标头和 includemode: 'no-cors'
,则执行 fetch 请求并将会话 cookie 发送到服务器,但显然我得到了一个不透明的响应,无论如何我都需要使用 cors。
尝试:
有很多类似的堆栈溢出问题,但不准确,因此他们的解决方案不起作用。
以下是我尝试过的一些无效的方法:
这已经在我的服务器上,但有人建议在客户端尝试它,所以我做了:
'Access-Control-Request-Method': 'GET, POST, DELETE, PUT, OPTIONS',
'Access-Control-Allow-Credentials': 'true',
'withCredentials': 'true',
Origin: 'http://localhost:3000/auth',
crossorigin: true,
是的,我已经设置了一个代理(这有助于解决先前的问题),如下所示:
"proxy": "http://localhost:8000"
我尝试了更多其他解决方案但无济于事,我确信我已经阅读了(如果不是全部)与此问题相关的绝大多数问题以及相应的答案。我的服务器设置正确,这就是为什么我没有包含任何代码。
在理想情况下,我不需要使用credentials: "include"
会话 cookie 将其发送回我的服务器,但这是我必须实施的另一个解决方案的原因。
如果有人能帮助我,我将不胜感激。
域名注册地址:
每当我不包含时credentials: "include"
,我的预检请求都会通过,但不会通过会话 cookie。
当我不包括会话cookie被传递credentials: "include"
和mode: 'no-cors'
,不过,我收到一个不透明的react,我需要使用CORS。
最后,当我将两者(cors 和凭据)结合起来时,我的预检请求失败并出现以下错误:
login:1 Access to fetch at 'http://localhost:8000/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.