首页 > 解决方案 > 如何使用带有 api 密钥的 axios get/post 请求?

问题描述

我目前正在尝试为我公司的 Web 应用程序实现 API,并且我希望能够向其端点发出 GET 和 POST 请求以检索和添加信息。我尝试在 Postman 中首先发出这些请求,以确保我们的 apikey 正常工作,并且请求成功。所以我想在我们的 Web 应用程序中实际实现它之前,我会从小处着手并创建一个 jsFiddle,但我遇到了一个小问题。当我尝试运行我的 jsFiddle 代码时,我得到了错误“对 XMLHttpRequest 的访问已被 CORS 策略阻止”

我不太了解 axios 以及您是否甚至可以在他们的请求中使用 API 密钥,但是我需要 API 密钥才能从不同的端点检索任何信息。

如果有人能帮助我理解我哪里出错了,那将不胜感激,谢谢。

我的小提琴

const url = "https://someurl/api/ping"
const apiKey = "MY-KEY"

axios.get(url, {
    headers: {'X-API-KEY': apiKey}
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

我希望能得到回应,但我得到的只是那个错误代码。在 Postman 中工作正常,但我使用 JSON 作为原始正文,所以我不确定为什么 axios 不起作用。

标签: javascriptnode.jsaxiospostman

解决方案


推荐阅读