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

而且這是不必要的，因此我將其刪除，現在一切正常。