开发者问题收集

前端 API 调用接收 403 错误状态

2021-04-07
938

我正在尝试使用 axios 进行牛津词典 API 调用,但遇到了 cors 问题。我还添加了代理,但返回了 403 错误状态。我也在其他地方使用了它。Heroku,但也没有用。那么有没有办法毫无问题地使用此 API?以下是 API 调用的代码。

axios.get("https://od-api.oxforddictionaries.com/api/v2/entries/en-gb/ace?strictMatch=false", {
    headers: {
      "Accept": "application/json",
      "app_id": my_app_id,
      "app_key": my_app_key,
    }
  })
  .then((response) => {
    console.log(response);
  })

在此处输入图片描述

1个回答

您需要一个后端来向您发出此 API 调用,而不是直接在前端 (React) 发出此 API 调用。此外,这将隐藏您的敏感信息(API 密钥和应用程序 ID),还将消除 CORS 错误。

Node.JS 示例: https://codesandbox.io/s/modest-bassi-xff43?file=/src/index.js

Arthur Costa
2021-04-07