通过CORS策略已阻止从原始本地主机通过“ API-URL”访问XMLHttpRequest

Question

我试图在react js中调用一个api，但是无论我怎么做，我总是会出错。我试图使用axios这样称呼它：

axios
      .get("http://goldpricez.com/api/rates/currency/PKR/measure/ounce?X-API-KEY=API-KEY HERE")
      .then(function(response) {
          console.log(response);
      })
      .catch(function(error) {
        console.log(error);
      })
      .finally(function() {
        // always executed
      });

我也尝试使用fetch来做到这一点：

   fetch(
      "http://goldpricez.com/api/rates/currency/PKR/measure/ounce?X-API-KEY=API-KEY-HERE")
      .then(function(response) {
        console.log(response);
      })
      .catch(function(error) {
        console.log("Looks like there was a problem: \n", error);
      });

，但是两种方法都以相同的错误结束。搜索stackoverflow之后，我发现了几个相同的查询，但在所有情况下，它们也都控制了服务器端。就我而言，我正在使用第三方库，因此即使我想在服务器端，也无法更改Access-Control-Allow-Origin。出于testig的目的，我使用了chrome扩展程序，该扩展程序有些如何绕过此错误，我得到了响应。我还有其他事情可以使它起作用，因为在生产中并不是所有用户都在使用chrome，即使他们这样做的可能性很小，他们也将使用cors扩展名。