25

我正在开发一个 HTML5 Javascript 应用程序来从我的本地服务器获取图像，该服务器与应用程序在同一台机器上运行。当我在 Chrome 上运行该应用程序时，我得到了：

从源“ http://localhost:50000 ”访问“ http://localhost/someDIrectory/1.jpg ”中的图像已被 CORS 策略阻止：没有“Access-Control-Allow-Origin”标头出现在请求的资源。因此，不允许访问源“ http://localhost:50000 ”。

从这里的许多问题中，答案指出我需要设置

header("访问控制允许来源：*");

在 php 文件中，它应该可以工作，但那是针对 php 文件的......图像或带有图像的目录呢？

我也遇到了如何在 XAMPP 上启用跨域资源共享？并尝试添加

<IfModule C:\xampp\htdocs\someDIrectory\1.jpg>
    Header set Access-Control-Allow-Origin: *
</IfModule>

进入 httpd.conf。我尝试重新启动 XAMPP 并重试上述操作。但是我得到的结果还是一样。

如何为 XAMPP 正确设置此类设置？

注意：我使用的是 Construct 2，它基本上是作为 HTML5/Javascript 导出的。我只是使用 Sprite Load From URL 动作。

4

2 回答 2

39

在您的文件目录中创建一个名为“.htaccess”的文件，并将以下内容添加到文件中。

Header set Access-Control-Allow-Origin "http://localhost:50000/"
于 2017-01-19T12:41:04.203 回答
4

您需要先创建 .htaccess 文件并将其放在应用程序的根文档中，然后将其设置在文件的开头

Header set Access-Control-Allow-Origin *

干杯，

于 2020-04-30T11:10:45.000 回答