小编Sim*_* CF的帖子

CORS 问题:对预检请求的响应未通过访问控制检查:它没有 HTTP 正常状态

我访问过其他相关帖子,但仍然无法找到解决我的情况的方法......

我正在从站点 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 进行类似的获取。使用相同的代码。

知道问题出在哪里吗?非常感谢!西蒙

fetch http-headers cors reactjs

1
推荐指数
1
解决办法
3万
查看次数

标签 统计

cors ×1

fetch ×1

http-headers ×1

reactjs ×1