그대로 한 것 같은데 에러가 발생합니다..

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

수업에서 진행하시던 중 404 에러가 발생하고, 서버 실행 방법에 대한 문제도 함께 언급해 주셨네요. 이런 문제는 종종 프로젝트 설정의 작은 부분에서 비롯될 수 있습니다. 아래에 몇 가지 해결 방안을 제안드리겠습니다.

경로 확인: 404 에러는 주로 요청한 경로가 서버 쪽에 존재하지 않아서 발생합니다. 따라서 프로젝트 내에서 설정한 경로와 실제 서버 코드에서 처리하고 있는 경로가 일치하는지 확인해 보세요. 예를 들어, 서버에서 /api/data 경로를 처리하는데 클라이언트에서는 요청을 /data로 보내고 있다면 404 에러가 발생합니다.
npm 스크립트 확인: pnpm dev와 pnpm vite의 차이가 발생하는 이유는 package.json에 설정된 스크립트 때문일 수 있습니다. dev 스크립트가 올바르게 설정되었는지 package.json 파일의 scripts 섹션을 확인해 보세요. vite로 실행되는 스크립트와 동일한 설정인지도 살펴보세요.
서버 로깅: 서버가 실행될 때 터미널에 출력되는 로그를 주의 깊게 확인하세요. 에러 메시지나 잘못된 콘솔 출력이 있는 곳이 문제의 단서가 될 수 있습니다.
CORS 설정: 클라이언트와 서버가 다른 도메인을 사용할 경우, 서버에 CORS 설정이 올바르게 되어 있는지도 확인이 필요합니다. CORS 설정이 누락되거나 잘못되어 있다면 요청이 거부될 수 있습니다.

이전에 비슷한 문제를 해결한 질문 사례가 있으니 참고해 보시면 도움이 될 수 있습니다:

CORS 문제 해결 방법

제가 답변드린 내용이 문제 해결에 도움이 되길 바라며, 추가적으로 궁금한 점이 있으시면 언제든지 질문해 주세요. 지식공유자께서도 곧 도와주실 것입니다.

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

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