Shopify应用程序代理提供CORS错误

时间:2018-02-03 06:33:05

标签: javascript proxy shopify

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

我的代理网址是:testbypradip.myshopify.com/admin/apps/proxy

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

根据shopify文档,如果我向我的代理网址发出请求,我不应该收到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));
  });

我已经在快递中启用了CORS

1 个答案:

答案 0 :(得分:0)

您需要执行以下操作。使您的应用程序中的端点在云(或本地主机)中运行...可由ngrok或forward转发。你似乎有这个。在Shopify App设置中,创建指向终点的代理。比如你... app / proxy。所以在

指出这一点
https://aa0ef495.ngrok.io/fooblefuzz/dingbat 

或任何你需要的东西。

现在在您的前端代码中,发布到代理服务器! ie)/ app / proxy

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