我正在开发一个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上启用跨源资源共享?并尝试添加
Header set Access-Control-Allow-Origin: *
进入httpd.conf.我尝试重新启动XAMPP并重试以上内容.但我得到的结果仍然是一样的.
如何正确设置XAMPP的设置?
注意:我使用的是Construct 2,它基本上是作为HTML5/Javascript导出的.我只是使用Sprite Load From URL操作.
在文件目录中创建名为".htaccess"的文件,并将以下内容添加到该文件中.
Header set Access-Control-Allow-Origin "http://localhost:50000/"