요청한 리소스에 'Access-Control-Allow-Origin'헤더가 없습니다.

Question

사용자 지정 WordPress 페이지에서 링크를 클릭하면이 오류가 발생합니다. 또한 링크가 열리지 않습니다. 클릭해도 아무런 변화가 없습니다.

XMLHttpRequest는 mysite /를로드 할 수 없습니다. 'Access-Control-Allow-Origin'헤더가 요청 된 리소스에 없습니다. 따라서 원본 'mysite'는 액세스가 허용되지 않습니다.

여기서 mysite는 내 웹 사이트의 URL입니다.

이 문제에 익숙한 사람이 있습니까?

오류가 발생하는 페이지는 다음과 같습니다 http://wouterleduc.com/publications/

그리고 내 페이지 템플릿에이 코드를 사용하고 있습니다 : `

<?php if (have_posts()) : the_post(); ?> 

    <h3 class="h3_serie_overzicht"><?php the_title(); ?><span id="<?php the_title();?>">&nbsp;&nbsp;&nbsp;</span><a href"#" class="serie_overzicht_info" id="<?php the_title(); ?>">Show text</a></h3> 

    <div class="serie_overzicht_info_pane"><?php echo the_content(); ?></div> 

<div id="serie-overzicht-thumbs"> 
    <?php $attachments = new Attachments('attachments'); ?> 
    <?php if($attachments->exist()) : ?> 
     <div class="serie_overzicht_row"> 
     <?php while($attachments->get()) : ?> 
      <div class="serie_foto"> 
      <a target="_blank" href="<?php echo $attachments->field('link'); ?>" title="<?php echo $attachments->field('title'); ?>"><img src="<?php echo $attachments->src('medium'); ?>"" title="<?php echo $attachments->field('title'); ?>" alt="<?php echo $attachments->field('title'); ?>" /><br /><span><?php echo $attachments->field('title'); ?></span></a> 
      </div> 
     <?php endwhile; ?> 
     </div> 
    <?php endif; ?> 

`

나는 이미지를 표시하는 조나단 크리스토퍼에서 pluging 첨부 파일을 사용합니다. 내 테마에서 fancybox를 사용하지만 rel 태그가있는 링크에만 영향을 미쳐야합니다.

Answer 1

문제는 원본 교차 요청 헤더가 누락되었습니다.

curl -I http://wouterleduc.com/publications/ 

HTTP/1.1 200 OK 
Date: Mon, 29 Sep 2014 19:40:11 GMT 
Server: Apache/2 
X-Powered-By: PHP/5.4.32 
X-Pingback: http://wouterleduc.com/xmlrpc.php 
Link: <http://wouterleduc.com/?p=2358>; rel=shortlink 
Vary: User-Agent 
Content-Type: text/html; charset=UTF-8 

당신은 그것을 테스트 컬 사용할 수있는 PHP 코드

<?php 
header("Access-Control-Allow-Origin: http://mysite"); 
?> 

에 다음 줄을 추가 다음과 같이 내가 확인. 모두 잘되면 XmlHttpRequest가 작동합니다. 몇 가지 보안상의 영향이 있습니다. 자세한 내용은 http://enable-cors.org을 참조하십시오.