[Node.js] express에서 정적인 파일 불러오는 방법 (이미지 파일)

multer를 이용해 이미지를 업로드하고 이를 불러오려고 하는데 그냥 경로를 쓰면 엑스박스가 떠버립니다.

정적인 파일일을 불러오는데 그냥은 불러올 수가 없는데 express에서 제공하는 static을 사용해 해결할 수 있습니다.

 

따로 모듈을 설치할 필요는 없고 다음과 같이 사용할 디렉토리와 이름을 지정할 수 있습니다.

//server.js

app.use('/example', express.static('example'))

이제 프론트에서 example폴더의 이미지를 가져온다고 하면 다음과 같은 식으로 불러오는게 가능해집니다.

<img src={`http://localhost:포트번호/example/이미지명`}>