如何为 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 文件...图像或包含图像的目录呢？

我也遇到过并尝试添加

<IfModule C:\xampp\htdocs\someDIrectory.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/"

Answer 2

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

Header set Access-Control-Allow-Origin *

干杯，

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

How to enable 'Access-Control-Allow-Origin' header for all files in a directory of XAMPP?

apache

xampp

cors

cross-domain

construct-2