在前端使用shopify admin api时出现CORS错误

Question

我有 shopify admin api，我想在前端调用它，但是当我尝试获取数据时，它给出以下错误“访问 XMLHttpRequest at 'https://API_KEY:PASSORD@NAME.myshopify.com/admin来自原点“null”的“/api/2021-07/orders.json”已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：“Access-Control-Allow-Origin”标头不存在请求的资源。”，我使用 axios 和 fetch，但都不起作用。任何帮助我们将不胜感激。

Answer 1

好问题！我也遇到过这种情况。Shopify 故意阻止 CORS 请求。为了向后端发出请求，您需要设置一个Shopify 应用代理，以便前端进行通信。

本质上，它的作用是允许您的前端发出请求，app/api/v1/orders_endpoint然后 Shopify 将路由到https://yourapp.com/api/v1/orders_endpoints.

查看Shopify 文档以获取更多信息。验证签名的代码是用 Ruby 编写的，但一些快速的 google foo 也可以用 Javascript 找到结果，请参阅此stack overlow 帖子。