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标头“ Access-Control-Allow-Headers”中缺少令牌“ access-control-allow-origin”）。

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

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

而且这是不必要的，因此我将其删除，现在一切正常。