이 영역을 누르면 첫 페이지로 이동
WONY 블로그의 첫 페이지로 이동

WONY

페이지 맨 위로 올라가기

WONY

Apache 서버 iframe 에 외부 페이지가 뜨지 않는 경우

  • 2020.02.27 21:51
  • Programming/LINUX

안녕하세요 WONY입니다.

iframe에 외부 url을 넣을 경우 페이지가 분명 존재함에도 불구하고 iframe에 표시가 되지 않을 때가 있습니다

이때 iframe 이 포함된 페이지의 크롬 개발자 도구를 열고 Console을 보면 아래와 같은 메시지를 확인할 수 있습니다.

 

Refused to display 'https://example.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

 

위 내용을 보면 X-Frame-Options라는 내용이 있는데 X-Frame-Options 은 숨겨진 링크를 사용자를 속여 클릭하게 만드는 Clickjacking을 방지하기 위한 옵션으로 X-Frame-Options의 경우 아래와 같이 3가지 옵션이 존재합니다.

 

  1. DENY
  2. SAMEORIGIN
  3. ALLOW-FROM http://example.com/

DENY의 경우 iframe에 페이지를 표시할 수 없으며,
SAMEORIGIN의 경우 같은 도메인을 사용하는 사용하는 페이지만 표시할 수 있으며,
ALLOW-FROM의 경우 지정한 도메인의 페이지만 iframe에 표시할 수 있습니다.

 

위 설정은 HTML에서 변경할 수 없고 서버 관리자에 의해서 수정될 수 있습니다.

Ubuntu 16.04 LTS Apache2의 경우

/etc/apache2/conf-available/security.conf 파일을 수정함으로써 변경 또는 사용을 중지할 수 있습니다.

 

# Setting this header will prevent other sites from embedding pages from this
# site as frames. This defends against clickjacking attacks.
# Requires mod_headers to be enabled.
#
Header set X-Frame-Options: "sameorigin"

 

대략 70번째 줄에 위치하고 있으며 큰 따옴표 안에 값을 변경하면 된다 사용하지 않을 경우  Header 앞에 #으로 주석을 걸어 줌으로써 기능을 정지시킬 수 있습니다.

 

자세한 내용은 아래의 링크를 참고하시기 바랍니다.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/X-Frame-Options

'Programming > LINUX' 카테고리의 다른 글

NGINX 워드프레스 404 not found error 해결법  (0) 2020.03.22
워드프레스 Error establishing a database connection 해결 방법  (1) 2020.03.15
vsftpd 설정하기  (0) 2020.02.29

댓글

이 글 공유하기

  • 구독하기

    구독하기

  • 카카오톡

    카카오톡

  • 라인

    라인

  • 트위터

    트위터

  • Facebook

    Facebook

  • 카카오스토리

    카카오스토리

  • 밴드

    밴드

  • 네이버 블로그

    네이버 블로그

  • Pocket

    Pocket

  • Evernote

    Evernote

다른 글

  • NGINX 워드프레스 404 not found error 해결법

    NGINX 워드프레스 404 not found error 해결법

    2020.03.22
  • 워드프레스 Error establishing a database connection 해결 방법

    워드프레스 Error establishing a database connection 해결 방법

    2020.03.15
  • vsftpd 설정하기

    vsftpd 설정하기

    2020.02.29
다른 글 더 둘러보기

정보

WONY 블로그의 첫 페이지로 이동

WONY

  • WONY의 첫 페이지로 이동

검색

메뉴

  • 홈
  • 태그
  • 방명록

카테고리

  • 분류 전체보기 (14)
    • Photograph (6)
      • Korea (0)
      • Philippines (6)
    • Programming (6)
      • LINUX (4)
      • CSS (1)
      • Javascript (0)
      • JSP (1)
    • English (2)

최근 글

인기 글

댓글

나의 외부 링크

정보

WonyLog의 WONY

WONY

WonyLog

블로그 구독하기

  • 구독하기
  • RSS 피드

티스토리

  • 티스토리 홈
  • 이 블로그 관리하기
  • 글쓰기
Powered by Tistory / Kakao. Copyright © WonyLog.

티스토리툴바