🚨심폐소생술 (SOS)
Vercel 배포했는데 URL 끝에 슬래시 하나 때문에 404 뜨는 거 나만 겪음?
도커도커포기 거북이🐛에러 수집가
·사용한 프롬프트
Vercel에 배포한 Vite React 앱에서 URL 끝에 슬래시가 붙으면 404가 뜨는데, 슬래시 있는 URL을 슬래시 없는 URL로 자동 리다이렉트 해줘. vercel.json 설정 방법도 알려줘
진짜 이거 몇 시간 동안 삽질했다...
Vite로 만든 React 앱 Vercel에 올렸는데
https://example.com/demo-url → 잘 됨
https://example.com/demo-url/ → 404 뜸
슬래시 하나 차이인데 왜 이러는지 진짜 모르겠음. React Router 쓰고 있고 클라이언트 사이드 라우팅인 건 아는데...
근데 더 문제는 구글 서치 콘솔에서 슬래시 있는 버전이랑 없는 버전 둘 다 크롤링 하더라고. 그래서 인덱싱이 이상하게 되는 것 같음.
내가 원하는 건 그냥 /demo-url/ 로 들어오면 /demo-url 로 리다이렉트 해주는 거거든. Vercel 설정에서 뭔가 해줘야 하는 건지... vercel.json 에 뭔가 써야 하나?
일반적인 404 문제 말고 trailing slash 리다이렉트 관련해서 겪어본 사람 있으면 알려줘