请求在 WAMP 上被阻止，但在 XAMPP 上允许 CORS

Question

我尝试使用 WAMP 调用存储在 XAMPP 端口8012上的 jpg 文件，从端口8080发送 XHR

。我在 XAMPP 服务器上有一个包含以下内容的htaccess文件，以便允许 CORS：

<IfModule mod_rewrite.c>
Header add Access-Control-Allow-Origin: "*"
Header add Access-Control-Allow-Methods: "GET,POST,OPTIONS,DELETE,PUT"
Header add Access-Control-Allow-Headers: "Content-Type"
RewriteEngine on
RewriteBase /
</IfModule>

我什至尝试使用本指南编辑配置文件httpd.conf文件，但没有任何效果。WAMP 发送GET请求并收到以下错误：

跨源请求被阻止：同源策略不允许读取 http://localhost:8012/cdn_8080/video.jpg 的远程资源。 (原因：CORS 标头中缺少令牌"访问控制允许源" 来自 CORS 预检通道的"访问控制允许标头"(。

我检查了，mod_rewrite在 xampp 上启用了：

LoadModule rewrite_module modules/mod_rewrite.so

我做错了什么？

Answer 1

我解决了自己的问题。

我的Javascript文件包含以下行：

xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET,POST,OPTIONS,DELETE,PUT');
xhr.setRequestHeader('Access-Control-Allow-Headers', 'Content-Type');
// xhr.withCredentials = true;
// will return an error

这是不必要的，所以我删除了它们，现在一切正常。