Shopify 应用程序代理给出 CORS 错误

Question

您好，我刚刚为 shopify 应用程序配置了应用程序代理。

我的代理 URL 是：testbypradip.myshopify.com/admin/apps/proxy

我运行使用 ngrok 开发本地开发环境。所以我的来源是 https://aa0ef495.ngrok.io

根据 shopify 文档，如果我向我的代理发出获取请求 url 我不应该收到 CORS 错误，但我收到了。

我的请求如下：

axios({
  url: `https://testbypradip.myshopify.com/apps/proxy/Product?upc=${query}`,
  method: 'GET',
  withCredentials: true,
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json'
  }
})
  .then(response => {
    dispatch(requestCompleteAction(response.data));
  })
  .catch(error => {
    dispatch(requestErrorAction(error));
  });

我也在 express 中启用了 CORS

Answer 1

您需要执行以下操作。在云（或本地主机）中的应用运行中创建一个端点...可通过 ngrok 或转发访问。你似乎有那个。在 Shopify 应用程序设置中，创建一个指向您的端点的代理。例如对你... app/proxy。所以在

说明这一点

https://aa0ef495.ngrok.io/fooblefuzz/dingbat

或任何你需要的。

现在在您的前端代码中，post 到代理！即）/app/proxy

不是 https://testbypradip.myshopify.com/apps/proxy/ 因为这是不存在的。您不应该有任何 CORS 问题，因为您没有对您的云应用程序执行任何 XHR。相反，您正在处理来自 Shopify 的简单 POST，您可以保护并采取行动。

Shopify 应用程序代理给出 CORS 错误

Shopify Application Proxy giving CORS error

javascript

proxy

shopify