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

안녕하세요 alswns1285님 이정환입니다.

앗! Swagger는 서버리스 환경(Vercel 호스팅 배포 등)에서는 정상적으로 작동하지 않는 이슈가 있는 것 같더라구요 ... 🥲 로컬에서는 잘 접속되지만 배포시에는 접속이 어려운건 정상입니다.

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

Vercel에 서버를 배포한 후에 API 호출에서 404 오류가 발생하는 문제에 대해 몇 가지 해결책과 기존의 유사한 문제 사례들을 아래에 안내드리겠습니다.

문제 원인 분석 및 해결 방안

1. API 경로 설정 확인:

   • API 엔드포인트 경로가 정확히 설정되어 있는지 확인해야 합니다. 로컬 환경과 배포 환경에서의 API 경로가 일치하는지 점검해 보세요. 경로에 대한 누락이나 오타가 없는지 확인하시기 바랍니다.
     

2. 환경 변수 설정:

   • .env 파일 내의 환경 변수를 Vercel에서 설정할 경우, Vercel의 Dashboard에서 환경 변수를 수동으로 입력해주셔야 합니다. Vercel 설정에서 실제 필요한 환경 변수를 정확히 입력했는지 확인하시고, 필요한 경우 재배포를 시도해보세요.
     

3. 경로 문제:

   • 배포된 사이트에서 특정 경로가 404 오류를 발생시키는 것은 경로 설정에 문제가 있을 수 있습니다. 라우터 설정을 다시 확인하고, 모든 라우팅 규칙이 제대로 정의되어 있는지 살펴보십시오.
     

4. Swagger 관련 문제:

   • Vercel 배포에서 Swagger UI가 404 오류를 내는 경우, 번들된 파일이나 CSS 파일들이 잘못된 경로로 설정되었을 가능성이 높습니다. 번들링 과정에서 파일들이 잘못된 경로로 설정된 것은 아닌지 확인하세요.
     

유사 사례 및 참조 링크

다음 두 개의 유사한 사례를 참고하시어 문제 해결에 도움이 되시길 바랍니다:

• Vercel 배포 후 API 경로 404 오류 해결하기

  • Vercel 환경에서 API 경로 설정 및 환경 변수에 대한 문제 해결 내용이 포함되어 있습니다.
    

• Next.js 프로젝트 Vercel 배포 후 경로 문제 해결

  • 경로 문제와 관련하여 해결 방법을 다루고 있습니다. 특히 프론트엔드와 백엔드의 경로 불일치 문제를 다루고 있습니다.
    

위의 해결 방법들이 도움이 되기를 바랍니다. 문제가 지속되면 에러 로그나 추가적인 정보를 제공해주시면 더 나은 도움을 드릴 수 있습니다.

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