강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

forever1542님의 프로필 이미지
forever1542

작성한 질문수

1시간만에 Chat GPT 클론 with Cursor (원데이 클래스)

5-1 Vercel 배포

Vercel 404 에러 질문

작성

·

3

0

Vercel에 연동하고 나니 다음과 같은 창이 뜹니다. 404 Not Found 에러가 떠서 해결을 하고싶은데, 어떤 것이 문제인지 잘 모르겠습니다. 우선 웹사이트를 따로 열어서 실행시키면 정상작동 됩니다.

 

image.pngimage.png

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. forever1542님.

Vercel에서 404 Not Found 에러를 겪고 계시군요. 이는 보통 Vercel이 설정된 라우팅 경로나 파일에 접근하지 못할 때 발생할 수 있습니다. 촬영하신 스크린샷으로 404 에러가 발생하는 부분을 보면서 몇 가지 주요 점검 사항을 안내드립니다:

  1. 환경설정 파일 확인: .vercel 디렉토리나 vercel.json 파일이 제대로 설정되어 있는지 확인해보세요. 특정 경로나 페이지에 대한 설정이 누락되었거나 잘못 설정될 경우 404 에러가 발생할 수 있습니다.

  2. 정적 파일 확인: 프로젝트의 빌드 아티팩트(output directory)가 잘못 설정되어 있으면 Vercel이 올바른 디렉토리를 찾지 못할 수 있습니다. 예를 들어 Next.js 프로젝트의 경우 기본적으로 .next 디렉토리가 빌드 아티팩트가 됩니다.

  3. Vercel 프로젝트 설정 확인: Vercel 대시보드 설정 페이지에서 도메인 및 라우팅 설정을 재확인해보세요. 특히 맞춤 도메인 설정을 사용하고 있는 경우 경로 매핑 문제가 발생할 수 있습니다.

  4. Next.js의 경우: next.config.js 파일 안에서 잘못된 Path 또는 미들웨어 설정이 문제일 수 있습니다. 특히 API 라우트의 경로나 페이지 컴포넌트의 경로가 잘못된 경우 이를 체크하세요.

  5. 배포 로그 확인: Vercel의 대시보드에서 배포 로그를 확인하여 더 상세한 오류 메시지를 찾을 수 있습니다.

  6. 라우트 검사: 특정 페이지가 Vercel을 통해 렌더링되지 않을 경우, “catch-all” 라우트나 API 라우트의 설정을 검토해 보시는 것도 좋은 방법입니다.

다음 문서도 도움이 될 수 있습니다:
- Vercel 공식 문서
- 환경 설정링크

이러한 방법들을 시도해 보시고 문제가 계속된다면 추가적인 정보를 통해 더 자세히 안내 드릴 수 있습니다.

저는 질문자님의 이해를 돕고자 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

forever1542님의 프로필 이미지
forever1542

작성한 질문수

질문하기