(짧음) 정적 파일을 제공하는데 필요한 express.static()

 이미지를 클라이언트에서 서버로 보내는 것까지는 성공했지만, 서버에서 클라이언트로 이미지(주소)를 줄 때 문제가 생겼었다. 예를 들어, 이미지의 path가 "/uploads/이미지이름" 이라면, 이미지의 src를 "/uploads/이미지이름"로 해도 이미지가 보이지 않고, path를 처음부터 세세히 해도 보이지 않고, 라우터 설정을 한 후 "http://localhost:4000/uploads/이미지이름"으로 해도 이미지가 보이지 않았다. 하지만 분명 옛날 노마드 코더 강의를 들었을 때는 이미지와 동영상을 보내기에 성공했었다. 그래서 다시 강의를 보았고, 해결 방법을 알아냈다. 

app.use("/uploads", express.static("uploads"));

 

express.static() 미들웨어는 정적 파일에 대한 기본 경로를 제공해준다고 한다. 이를 이용해 uploads 폴더 안의 이미지를 제공해줄 수 있었다. 만약 다른 폴더의 파일들도 제공해야 한다면, 다음과 같이 필요한 폴더에 대해 코드를 한 번 더 작성하면 된다.

app.use("/uploads", express.static("uploads"));
app.use("/want", express.static("want"));

---

참고한 글

https://expressjs.com/en/starter/static-files.html

Serving static files in Express

https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=pjok1122&logNo=221545195520 

[Nodejs] [Express] 정적(static) 파일 서비스 하기

https://hwb0218.tistory.com/35

[Express.js] express.static() 정적파일 서비스