반응형
무한 리디렉션(redirect loop)이 발생하면 브라우저가 계속해서 같은 URL로 리디렉트되거나, 여러 개의 URL을 반복해서 리디렉트하게 됩니다.
이럴 때 Chrome 개발자 도구(DevTools)의 Preserve log 기능을 활용하면 리디렉션이 어떻게 이루어지는지 상세하게 추적할 수 있습니다.
1. Chrome 개발자 도구에서 Preserve log 활성화
1) Chrome에서 문제 발생 페이지를 염
2) F12 또는 Ctrl + Shift + I 를 눌러 개발자 도구 실행
3) Network 탭 클릭
4) "Preserve log" 체크
- 이걸 체크하면 페이지가 새로고침되거나 리디렉션되어도 기존 요청 기록이 남아 있어서 전체 흐름을 확인할 수 있음.
5) 문제의 페이지를 새로고침 (F5 or Ctrl + R)
2. 리디렉션 확인 방법 (Network 탭 분석)
리디렉션 요청이 어떻게 이루어지는지 확인합니다. Network 탭에서 리디렉션 패턴을 살펴보겠습니다.
Request URL (요청된 URL)
- 가장 처음 요청한 URL이 무엇인지 확인
Status Code (상태 코드)
- 301 (Moved Permanently), 302 (Found), 307 (Temporary Redirect), 308 (Permanent Redirect) 중 하나가 반복되는지 확인
Location 헤더 (리디렉션 목적지 확인)
- 각 요청의 "Headers" 섹션에서 Location 값을 확인
- 이 값이 브라우저를 어디로 리디렉트하는지 나타냄
3. 무한 리디렉션 예제 & 해결 방법
예제 1) 동일한 URL로 계속 리디렉트되는 경우
증상
- example.com → example.com → example.com ... (무한 루프)
- .htaccess에서 무한 루프를 일으키는 규칙
Redirect 301 / https://example.com/
- 위 설정은 / 경로로 접속하는 모든 요청을 다시 /로 리디렉트하므로 무한 루프 발생!
해결 방법
- .htaccess, Nginx 설정, PHP 코드 등에서 잘못된 리디렉션 규칙이 설정되었는지 확인.
- .htaccess에 조건 추가
RewriteCond %{REQUEST_URI} !^/$
예제 2) www ↔ non-www 리디렉션 루프
증상
- https://www.example.com → https://example.com
- https://example.com → https://www.example.com
- 이 두 URL이 서로 계속 리디렉션됨.
해결 방법
- .htaccess 또는 Nginx에서 하나의 URL만 유지하도록 수정!
- 올바른 .htaccess 설정 예시 (www 유지)
RewriteCond %{HTTP_HOST} ^example\.com$ [NC]
RewriteRule ^(.*)$ https://www.example.com/$1 [R=301,L]
- 이제 example.com으로 접속하면 www.example.com 으로만 유지됨!
예제 3) HTTP ↔ HTTPS 리디렉션 루프
증상
- http://example.com → https://example.com
- https://example.com → http://example.com
- 무한 루프 발생!
해결 방법
- 강제 HTTPS 설정을 올바르게 적용해야 함!
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://example.com/$1 [R=301,L]
- 이제 HTTP로 접속해도 HTTPS로만 이동!
4. 정리
Chrome 개발자 도구에서 Preserve log 를 사용하여 무한 리디렉션을 해결하는 방법을 간단히 정리했습니다.
1) Network 탭에서 Preserve log 활성화
2) 리디렉션 상태 코드 (301, 302, 307 등) 확인
3) Location 헤더에서 리디렉트 목적지 추적
4) 리디렉트가 반복되는 패턴 분석 (www, HTTPS, 특정 페이지 등)
5) 서버 설정 (htaccess, Nginx, PHP) 에서 문제 해결
이 과정을 따라가면 무한 리디렉션 문제를 쉽게 해결할 수 있으니 활용해 보시기 바랍니다.
반응형
'블로그 운영' 카테고리의 다른 글
백링크가 중요한 이유! 좋은 백링크 얻는 법과 주의할 점 (0) | 2025.03.29 |
---|---|
Status Code (301, 302, 307, 308) 리디렉션 문제 해결 방법 (0) | 2025.03.28 |
페이지 색인이 생성되지 않음: 리디렉션 오류 확인 (1) | 2025.03.28 |
티스토리 블로그 네이버 서치 어드바이저 등록하기 | 검색 노출 늘리는 방법! (0) | 2025.03.25 |