访问API与cURL很好，但与Fetch API不一样

Question

null

我不明白为什么这在cURL中可以非常好地工作，而在fetch（）中却不行。

以下是我的代码的缩短版本：

const apiKey = 'mykey';
const apiPassword = 'mypass';
const apibase = 'https://my-shop-domain.myshopify.com/admin/';
const endpoint = 'locations.json';

var headers = new Headers({
   "Authorization": "Basic " + btoa( apiKey + ':' + apiPassword ),
});

    fetch( apibase + endpoint {
      method: 'GET',
      headers: headers,
      mode: 'no-cors',
      // cache: "no-store",
      // referrer: "client",
      // referrerPolicy: "origin",
      // credentials: 'include'
    }).then( resp => resp.json().then( resp => {

      console.log( resp );

    })).catch( err => {

      console.error(err);

    });

返回的错误是

如果Shopify不包含Access-Control-Allow-Origin头，为什么Curl的请求可以正常工作？有节点库和Ruby库可以访问Shopify API，所以很难相信它们根本不允许从javascript访问。

所以我想我的问题是我可以做什么来从JavaScript访问这个API？

Answer 1

如果你得到CORS错误，你就做错了。这意味着您正在向宇宙公开您的API密钥。大线索！

相反，您可能希望调查使用安装在您商店中的应用程序来拨打您的JS电话。您可以为此使用应用程序代理。您安装的任何应用程序都可以访问您获得批准范围的任何APIendpoint。因此，如果你的应用程序被批准请求，询问位置将返回给你。

简单！