eRror：

Question

商店前面请求代码：

fetch(`https://multimedia-arg-such-transcript.trycloudflare.com/api/assistant?query=${encodeURIComponent(query)}`, {
  method: 'GET',
  credentials: "include",
})

API中的CORS标题。辅助响应：

return json(
  { response: processedResponse },
  {
    headers: {
      "Set-Cookie": `threadID=${threadID}; Path=/; HttpOnly; Max-Age=86400;`,
      "Access-Control-Allow-Origin": "https://getvoicecart.myshopify.com/",
      "Access-Control-Allow-Credentials": "true",
      "Access-Control-Allow-Methods": "GET, POST, OPTIONS",
      "Access-Control-Allow-Headers": "Content-Type, Authorization, _shopify_y",
    },
  }
);

问题：

为什么我仍然面临此CORS错误，该如何解决？是否有一些特定的商店或云量可能导致此问题？

任何帮助或指导将不胜感激！ 我尝试过的步骤：

确保“ Access-Control-Allow-Origin”设置为我的Shopify域（

Https：//getvoicecart.myshopify.com

）。

添加了“访问控制”：“ true”以允许cookie and凭据。

检查了调用中的请求URL，方法和凭据。

确认可以到达Cloudflare服务器。

我希望如果有人有同样的问题，他们会遇到我的解决方案，而不会浪费相同的时间，事实证明这要简单得多 - 由于Cloudflare Cors设置，该策略被覆盖了，您无法进行cookie转移.

Solution：
1. 要做的第一件事是确保您配置了Shopify App代理：

2. [app_proxy]
     url = ‘https://anti-inline-bee-taking.trycloudflare.com’
     subpath = ‘api’
     prefix = ‘apps’

3. 代理URL将在您的店面中使用：
https：//example.myshopify.com/apps/api/nameofscript

Answer 1

如果您使用CORS策略，它将无法使用，因为CloudFlare重写了IT。