尝试从 SERP API 获取数据到我的 React 应用程序时如何修复 CORS 错误

Question

我正在尝试从 SERP API 获取数据以获取 Job_Results，在邮递员上，我能够获取我的数据，但是当我尝试使用 Axios 获取它时，出现 CORS 错误即使在 package.json 中指定代理并传递适当的 headers.

这是我的代码片段：

let config = {
      headers: {
        "Content-Type": "application/json",
        "Access-Control-Allow-Origin": "*"
      },
    };
    const data = await axios.get(
      "https://serpapi.com/search.json?engine=google_jobs&q=internship+new+delhi&hl=en&api_key=xxxxxx",
      config
    );

Answer 1

按照这个https://forum.serpapi.com/feature-requests/p/add-http-cors-headers serpapi 不允许 cross-origin 来自浏览器的请求

所以你只需要在服务器端代码中使用它，你不能在 React 或任何前端应用程序中使用它API

例如要得到 https://serpapi.com/search.json?engine=google_jobs&q=internship+new+delhi&hl=en&api_key=xxxxxx"

您需要在服务器端创建端点 yourdomain.com/requiredparams 接受参数并传递给 https://serpapi.com/search.json 并请求数据

所以不要调用 serpapi，而是调用你自己的 API，服务器将向 serpapi 发出请求并给出响应如果您按照这种方式操作，您的 API 密钥也是安全的

尝试从 SERP API 获取数据到我的 React 应用程序时如何修复 CORS 错误

How do I fix CORS Error when Trying to fetch data from SERP API into my react app

cors

reactjs

axios