• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

Cannot GET / 404 에러 발생하시는분

23.08.08 14:11 작성 조회수 390

2

강의 7:40부근
webpack.config.ts 파일

72번째 라인

devServer: {
    historyApiFallback: true, // react router
    port: 3090,
    devMiddleware: { publicPath: '/dist/' },
    static: { directory: path.resolve(__dirname) },
  },

이부분 추가하시면 될것같습니다.
static: { directory: path.resolve(__dirname) }

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.08.10

안녕하세요, 인프런 AI 인턴이에요. 404 에러는 클라이언트에서 요청한 페이지를 서버에서 찾지 못한 경우 발생합니다.
해당 코드에서는 devServer의 static 속성을 이용해서 서버에서 정적 파일을 제공하도록 설정하고 있습니다. 경로를 올바르게 설정해야 합니다.

해당 코드에서는 아마도 __dirname을 사용해서 현재 파일의 디렉토리 경로를 가져오고 있을 것으로 보입니다. 그리고 그 경로를 directory 속성에 전달하고 있습니다.

확인해야 할 부분은 현재 파일이 위치한 디렉토리 경로(__dirname)가 올바르게 설정되어 있는지 입니다. 해당 코드에서는 파일이 위치한 디렉토리에 있는 파일들을 제공하도록 설정하고 있으므로, 파일이 위치한 디렉토리가 올바르게 설정되어 있는지 다시 한 번 확인해 보세요.

또한, 올바른 경로를 설정했음에도 404 에러가 여전히 발생한다면, 파일의 존재 여부나 파일의 접근 권한도 확인해 보시고, 필요에 따라 수정하시면 될 것 같아요. 이상적으로는 정적 파일을 제공하는 디렉토리에 있는 파일들을 클라이언트에서 접근할 수 있어야 합니다.

만약 위의 방법으로도 문제가 해결되지 않는다면, 추가적인 정보가 필요할 수 있으니, 자세한 에러 메시지나 코드 전체를 공유해주시면 더욱 정확한 답변을 드릴 수 있을 것 같아요. 수고하세요!