[Html] 이미지 태그(img) src에서 403 Forbidden 에러

[Html] 이미지 태그(img) src에서 403 Forbidden 에러

 

 

1. 에러 발생

 1) 아래와 같이 img 태그를 사용하여 외부의 이미지를 보여주고자 할때 에러가 발생한다

 2) 에러의 내용은 '403 Forbidden', 당연히 이미지는 깨져서 보이지 않는다

<img src="https://~~.jpg"/>

 

2. 해결

 1) 각각 이미지 태그에 직접 적용

   - 'referrerpolicy' attribute를 'no-referrer'로 적용

<img referrerpolicy="no-referrer" src="https://~~.jpg"/>

 2) meta 태그에 적용

  - 각각 적용하지 않고 'head' 안에 아래 내용을 추가한다

<meta name="referrer" content="no-referrer"/>

 

 

3. 기타

 1) 'referrer'는 요청을 보낸 페이지의 정보를 포함하고 있다

 2) 위 해결과 같이 'no-referrer'를 사용하면 현재 페이지의 정보를 전송하지 않는다

 3) no-referrer 외에 사용 할 수 있는 속성은 해석하기 어렵지만 아래와 같이 외국인이 잘 적어놓은 것 같다

Referrer-Policy - HTTP | MDN

 

 

 

 

출처를 밝히는 센스가 함께하길