Question

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

为了允许CORS，XAMPP服务器上有一个htaccess文件，其中包含以下内容：

<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文件with this guide，但没有任何效果。 WAMP发送一个GET请求并收到以下错误：

跨源请求被阻止：同源策略禁止阅读 http://localhost:8012/cdn_8080/video.jpg上的远程资源。（原因：CORS标头中缺少令牌“ access-control-allow-origin” CORS飞行前频道中的“ Access-Control-Allow-Headers”。

我检查了一下，并在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

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

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

1 个答案: