我访问过其他相关帖子,但仍然无法找到解决我的情况的方法......
我正在从站点 A 向站点 B 请求数据。在我的项目中添加了“Access-Control-Allow-Origin”,但现在我收到此错误:“CORS 策略:对预检请求的响应未通过访问控制检查:它没有 HTTP 正常状态”。
附件中你可以看到我的代码:
useEffect(() => {
fetch(
"https://raw.githubusercontent.com/simoncriado/Wordle/master/data/db.json",
{
headers: {
"Access-Control-Allow-Origin":
"https://wordle-react-project.netlify.app/",
"Access-Control-Allow-Methods": [
"POST",
"GET",
"OPTIONS",
"DELETE",
"PUT",
],
"Access-Control-Allow-Headers": [
"append",
"delete",
"entries",
"foreach",
"get",
"has",
"keys",
"set",
"values",
"Authorization",
],
},
}
)
.then((res) => res.json())
.then((json) => {
const letters = json.letters;
setLetters(letters);
});
Run Code Online (Sandbox Code Playgroud)
}, []);
我正在从另一个组件对相同的 URL 进行类似的获取。使用相同的代码。
知道问题出在哪里吗?非常感谢!西蒙