apache - 如何为XAMPP目录中的所有文件启用 'Access-Control-Allow-Origin' header ？

Question

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

Access to Image at 'http://localhost/someDIrectory/1.jpg' from origin 'http://localhost:50000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:50000' is therefore not allowed access.

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

header("Access-Control-Allow-Origin: *");

在php文件中，它应该可以工作，但是那是为php文件...图像或包含图像的目录呢？

我也遇到过 How do I enable cross-origin resource sharing on 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操作。

Answer 1

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

Header set Access-Control-Allow-Origin "http://localhost:50000/"