前端 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