[ERROR] favicon.ico 404 (not found) 에러 해결

Jiwon·2024년 1월 29일

1일1포스팅 error web

0

1일1포스팅_일단정리하고올리기

목록 보기

17/17

post-custom-banner

💡문제 상황

웹사이트 개발을 하다보면 아래 그림과 같은 상황을 확인했다.

GET http://localhost:port/favicon.ico 404 (Not Found)

개발하고 사용하는데 문제는 없지만 404 코드는 최대한 마주치지 않는 것이 좋기 때문에 (이유는 추가 공부해볼 예정!) 해결해보기로 한다!

favicon?

브라우저의 탭에 사이트를 나타내는 아이콘을 말한다.
아래 캡쳐처럼 기본 아이콘은 지구모양이고, 네이버도 회사의 로고가 들어가 있다.

파비콘을 설정할 때는 다음과 같은 코드를 사용하면 된다.

<link rel="shortcut icon" href="http://www.example.com/myicon.ico"/>

또는

<link rel="shortcut icon" href="/somepath/myicon.ico"/>

✅ 해결방법

파비콘 설정방법에 따라서 해결해보자.

<link rel="shortcut icon" href="#">

위의 코드를 <head></head> 태그 안에 넣어서 문제를 해결했다.

추가로 자료를 찾아보다보니 몇가지 방법이 더 있었다.

<link rel="shortcut icon" href="">
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

자바 같은 경우 링크 속성에 "#"만 넣으면 컨트롤러가 중복 호출되는 문제가 발생한다고 한다. 그래서 <link rel="icon" href="data:;base64,iVBORw0KGgo=">코드로 수정하여 문제를 다시 해결했다.

참고

https://ko.wikipedia.org/wiki/%ED%8C%8C%EB%B9%84%EC%BD%98

작은 개발 기록

이전 포스트

Spring DI 의존 주입 코드로 살펴보기(2) - 애너테이션 이용

post-custom-banner

0개의 댓글