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

Question

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

从' http:// localhost:50000 ' 访问来自' http://localhost/someDIrectory/1.jpg '的图像已被CORS策略阻止:没有'Access-Control-Allow-Origin'标题出现在请求的资源.因此不允许来源' http:// localhost:50000 '访问.

从这里的许多问题来看,答案指出我需要设定

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

在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操作.

Answer 1

在文件目录中创建名为".htaccess"的文件,并将以下内容添加到该文件中.

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

Answer 2

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

Header set Access-Control-Allow-Origin *

干杯，