POST 请求在邮递员中工作正常，但在网站上不工作

Question

export const executeCode = (data) => {
       return fetch("https://ide.geeksforgeeks.org/main.php",{
              method: "POST",
              headers: {
                     Accept : "application/json",
                     "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
              },
              body: data
       })
       .then(response => response.json())
       .catch(err => console.log(err))
}

我正在向 G4G 的编译器 API 发送 POST 请求。它在邮递员中工作正常但在我的反应应用程序中不工作。

Answer 1

从网站拨打电话时，需要考虑安全因素。其中之一是 CORS.

简而言之shell 浏览器询问服务器是否允许HTTP调用（实际上认为调用并不简单）。

Postman 可以工作，因为它不执行此检查。

G4G 需要使用允许您的主机调用它们的适当 CORS 响应来响应 OPTIONS 请求。

Answer 2

请添加到请求的 header Access-Control-Allow-Origin: * 让我知道它是否有效

Answer 3

在后端.htaccess 文件中添加这行代码

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "POST,GET,OPTIONS,DELETE,PUT"
Header set Access-Control-Allow-Headers "*"
</IfModule>

POST 请求在邮递员中工作正常，但在网站上不工作

POST request is working fine with postman but not in website

reactjs

api

fetch-api