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

안녕하세요ㅜ

많은 이슈 중 원인이 강의와 동일한 코드가 아니기 때문에 발생하는데요 ㅜ

우선 오류를 알기 위해서는 코드나 오류메시지를 확인해야 찾아볼 수 있을 거 같아요.

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

웹 브라우저에서 “localhost:3000”이라는 URL을 입력했을 때 “Cannot GET /“라는 오류 메시지가 나오는 이유는, 서버가 해당 경로(”/“)에 대해 처리할 수 있는 라우트를 설정하지 않았기 때문입니다.

이 경우, 다음과 같은 몇 가지 사항을 확인해보셔야 합니다:

1. 서버 설정 확인: 백엔드 서버가 구축되어 있는 경우, /에 대한 처리가 설정되어 있는지 확인해 보세요. 기본 경로나 초기화면을 제공하지 않을 수 있습니다.

2. 프론트엔드 라우팅: Vue를 사용한다면, 라우터 설정 파일에서 기본 루트에 대한 라우트를 설정했는지 확인합니다. App.vue 또는 index.html 파일 내의 라우팅을 제대로 설정해줘야 합니다.

3. 개발 서버 실행: npm run dev로 부터 서버를 실행하셨다면, 지정된 포트가 맞는지, 그리고 프론트엔드에서 정적 파일이 제대로 서빙되고 있는지 확인하세요.

이와 유사한 질문이 여러 번 올라왔었습니다. 아래 링크에서 다른 학습자들의 경험과 해결 방법을 참고하실 수 있습니다:

• index.html open with live server 관련문의 : 정적 파일의 호스팅과 Vue 애플리케이션의 차이에 대해 설명합니다.
  

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