이미지 경로가 404 오류를 반환합니다 (찾을 수 없음)

중첩 된 디렉토리에 저장 한 이미지에 액세스하려고합니다. 나는 React와 JSX를 사용하고 있기 때문에 이미지를 저장하고 싶은 파일의 경로는 다음과 같다 : root/client/components/home/service.jsx. 이미지의 경로는 다음과 같습니다 : root/server/public/images/Mercedes-Benz-logo.png. img 태그의 src 특성에서 다음 경로를 시도했습니다.이미지 경로가 404 오류를 반환합니다 (찾을 수 없음)

/server/public/images/Mercedes-Benz-logo.png 
../../../server/public/images/Mercedes-Benz-logo.png 
./../../../server/public/images/Mercedes-Benz-logo.png

이 모든 오류는 404 (찾을 수 없음)로 응답합니다. 왜 이런 일이 일어나는지에 대한 도움이나 설명이 있으면 감사하겠습니다. 내 소스 코드를보고 싶다면 click here 내 Github 레포를 확인하십시오. 아직 끌어 오기 요청을 병합하지 않았으므로 개별 커밋을 클릭해야합니다. 고맙습니다.

출처

2017-09-19 Nic Bonetto

실제 파일에는 작은 "m"이 사용되지만 대소 문자는 문제가되지 않습니까? "엠". –

라인 app.use(express.static(__dirname + '/public/')) 때문에 모든 파일을 해당 폴더에서 참조해야합니다. 여기서 공용 폴더가 파일이 제공되는 위치 인 것처럼 가장 할 수 있습니다. 이미지로 가려면 public 폴더와 관련된 경로를 사용하십시오 → /images/Mercedes-Benz-logo.png

출처

2017-09-19 05:05:20

감사합니다. 문제를 해결했습니다. –

이미지 경로가 404 오류를 반환합니다 (찾을 수 없음)

답변

관련 문제