预检响应不允许使用 cors 错误标头

Question

我正在努力解决这个错误

         cors error header disallowed by preflight response

尝试了几乎所有可能的组合，但 chrome 不断抛出此错误

我已经尝试过 php 中的这些标头

   // header('Access-Control-Allow-Origin: stylishgames.myshopify.com');
      header('Access-Control-Allow-Origin: *');


 // header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
// header('Access-Control-Allow-Methods: POST, OPTIONS');
header('Content-Type: application/json;charset=UTF-8');
// header('Access-Control-Allow-Origin: * ');
header('Access-Control-Allow-Methods: HEAD, GET, OPTIONS, POST, PUT');
header('Access-Control-Allow-Headers: Content-Type, Content-Range, Content-Disposition, Content-Description');
header('Access-Control-Max-Age: 1728000');
header('Access-Control-Allow-Credentials', 'true');

同样的事情可以在这个网站上实时查看

转到此页面

   https://stylishgames.myshopify.com/products/test-product1

单击“添加到购物车”，然后在底部，当您单击“添加到购物车”时，您可以在“网络”选项卡中看到“campaign_page.php”，然后单击“下一步”，将出现此错误，

任何帮助都会很棒

Answer 1

明确允许浏览器请求所需的标头。Access-Control-Request-Headers从预检请求字段获取完整列表。

\n

解释

\n

浏览器发送预检请求以询问托管跨域资源的服务器是否允许实际请求。预检字段Access-Control-Request-Headers列出了请求将使用的标头。服务器响应包含补充Access-Control-Allow-Headers字段，指定允许的标头（请参阅Mozilla 文档）

\n

出现错误Header Disallowed By Preflight Response的原因是您的服务器不允许浏览器请求中的某些标头。要查看缺少哪些内容，请查看 Chrome 发送的预检请求。您可以在“网络”选项卡上访问它。

\n

Access-Control-Allow-Origin并且Access-Control-Allow-Methods与错误 \xe2\x80\x94 无关，这就是为什么更改它们没有效果。

\n

Answer 2

我在勇敢中使用了它并且对我来说效果很好。

他在勇敢中禁用了CORS！

brave.exe --user-data-dir="C://Chrome dev session" --disable-web-security "http://localhost:8098/your_local_url"