프론트엔드
[Github Pages/깃헙페이지] gh-pages 배포 시 favicon이 안 뜰 때 해결 방법
seomoon
2022. 1. 3. 20:48
gh-pages에 서비스를 배포했는데 favicon이 뜨지 않는 이슈가 있었다.
우선 CRA로 만든 프로젝트라 프로젝트 루트 디렉토리에 index.html이 있고, index.html의 <head> 태그 안에
<link rel="icon" href="/favicon.ico> 태그가 포함되어 있었다.
그리고 favicon.ico 파일도 프로젝트 루트 디렉토리에 잘 올라가 있는데도
favicon이 뜨질 않았다.
강력한 새로고침(쿠키, 캐시를 지우면서 새로고침하는 것, cmd + shift + r)을 몇 번 해보면서 기다려도
favicon이 안 떠서 검색해본 결과 다음의 방법들을 시도해보고 해결할 수 있었다.
나는 1, 2, 3번 방법이 다 안 됐고 4번째 방법으로 해결했다.
근데 해결하고 나서 생각해보니까 혹시 그냥 favicon 반영 되는데 시간이 좀 걸렸었던 거 아닐까 싶기도 하다.
어쨌든 잘 나와서 만족!
1.
<link rel="icon" href="https://사이트주소/favicon.ico>
2.
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
3.
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
4.
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico?">
참고 : https://stackoverflow.com/questions/35037482/favicon-with-github-pages