此问题已在此处有答案:
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not?(15个回答)
22小时前关闭
经过这么多的研究和花费几个小时在这个问题上,我即将要求我正在对第三方Infutor API进行Get调用。我在ReactJS项目中使用了fetch API。首先它开始给我CORS错误,然后我在选项中添加mode: 'no-cors'
,然后它开始给我Error: "TypeError: Failed to fetch"
。
以下是我的代码:
const response = await fetch(`${INFUTOR_API_URL}?${infutorParams}`, {
method: 'GET',
mode: 'no-cors',
credentials: 'include',
})
.then(response => {
return response.json();
})
.catch(error => console.error(error));
我找到了现有的答案,
- Uncaught (in promise) TypeError: Failed to fetch and Cors error
- Catching "Failed to load resource" when using the Fetch API
- 及其他相关答案
在网上搜索了相关的答案后,我也试着在里面添加credentials: 'include'
,然后我也试着用mode: 'cors'
发出get请求,尝试了很多解决方案,但都没有成功。它只是不从GET请求中获取数据。
我得到的响应 Postman 甚至在复制粘贴URL与参数在新的Chrome标签给响应回来。
1条答案
按热度按时间t8e9dugd1#
这听起来像是CORS头在服务器端没有正确设置:
Access-Control-Allow-Origin
。如果设置正确,则根本不需要
no-cors
标志。如果设置不正确,您无论如何都无法访问内容。