使用 AJAX 向 API 发出请求时遇到问题

Question

我公司使用软件 nocrm.io 来跟踪潜在客户和客户。 我想在我们的 web 应用程序中使用他们的 API 来获取和发布信息。 目前，我在尝试使用 API 在我们的 web 应用程序中发出 http 请求时遇到问题。 每次我尝试执行 GET 请求来 ping 我的 APIKey 时，都会返回 401 错误。 我已经尝试通过 Postman 发出请求并且它们可以工作，但是当我尝试在我的应用程序中实现这些请求时它们却没有，这让事情有点令人沮丧。

如果有人有任何使用此 API 或类似的东西可以帮助我的经验，那就太好了。

这是他们的 API 的链接： https://youdontneedacrm.com/api#nocrm.io-api

目前我正在使用 jquery AJAX 提出请求。 我已经尝试将 APIKey 放在标题中，就像他们的 API 建议的那样，但这只是给了我 401 和 CORS。 他们的 API 还建议您可以将 APIKey 放在请求的参数中，但我仍然得到相同的 401 错误。

是的，我还确保我使用的 APIKey 是正确的，所以这不应该是问题。

我将请求放在浏览器中，它返回 200 状态，表示我的 APIKey 也是正确的。

以下是目前给我的 401 错误。

我的文件.js

import $ from 'jquery'
const api_key = require('../../../env.config.json').CRM.API_KEY;

class Myfile extends React.Component{

 constructor(props){
  super(props);
  this.state = {}
 }

    PingApi(){
        var url = 'https://OUR_ACCOUNT.nocrm.io/api/v2/ping'
        var apikey = api_key

        var dataObject = {
            'X-API-KEY': apikey
        }

        $.ajax({
            type: 'GET',
            dataType: 'jsonp',
            url: url,
            data: dataObject,
            headers: {"Accept": "application/json"},
            crossDomain: true,
            beforeSend: function(xhr){
                xhr.withCredentials = true;
            },
            success: function(data, textStatus, jqXHR){
                console.log("Good");
            },
            error: function(jqXHR, textStatus, errorThrown){
                console.log(jqXHR);
                console.log(textStatus);
                console.log(errorThrown);
            }
        })
    }


 render(){
  return(
   <button onClick={this.PingApi.bind(this)}>Ping API</button>
  );
 }
}

export default Myfile

我希望通过 json object 返回获得 200 状态，但结果却是 401。