응용 프로그램과 동일한 컴퓨터에서 실행되는 로컬 서버에서 이미지를 가져 오기 위해 HTML5 Javascript 응용 프로그램을 개발 중입니다. 내 크롬에서 응용 프로그램을 실행하면, 내가 가진 : 이미지에XAMPP 디렉토리에있는 모든 파일에 대해 'Access-Control-Allow-Origin'헤더를 활성화하는 방법은 무엇입니까?
액세스 'http://localhost/someDIrectory/1.jpg'에서 기원 'http://localhost:50000'에서 CORS 정책에 의해 차단되었습니다 : 없음 '액세스 제어 - 허용 - 원산지'헤더를 요청한 리소스에 있습니다. 따라서 'http://localhost:50000'은 액세스가 허용되지 않습니다. 여기에 많은 질문에서
, 답변 내가
헤더를 설정해야한다고 지적 ("액세스 제어 - 허용 - 원산지 : *");
PHP 파일에서 작동해야하지만 PHP 파일을위한 것입니다 ... 이미지 또는 이미지가있는 디렉토리는 어떻게됩니까?
는 또한 How do I enable cross-origin resource sharing on XAMPP?을 가로 질러 와서 값을 httpd.conf에<IfModule C:\xampp\htdocs\someDIrectory\1.jpg>
Header set Access-Control-Allow-Origin: *
</IfModule>
를 추가하는 것을 시도했다. XAMPP를 다시 시작하고 위의 시도를 재 시도했습니다. 그러나 내가 얻은 결과는 여전히 동일합니다.
XAMPP에 대한 설정을 올바르게 설정하는 방법은 무엇입니까?
참고 : 기본적으로 HTML5/자바 스크립트로 내보내지는 구성 2를 사용하고 있습니다. Sprite Load From URL 액션을 사용하고 있습니다.