<MongoDB> express.static

video의 src를 localhost:3000/videos 형태로 저장했었는데요. 이렇게 되면 결국에는 videos 페이지로 가기때문에 비디오 소스를 불러오지 못합니다. 그래서 저장 디렉토리 위치를 videos와 중복되지 않도록 uploads 폴더를 새로 만들어주고 uploads 폴더에 접근하는 방법에 대해 알아보겠습니다.

project

youtube
 +|uploads
   +|videos
 *|middlewares.js
 *|app.js

middlewares.js

/*다른 코드 생략*/
const uploadVideo = multer({dest: 'uploads/videos/'});
/*다른 코드 생략*/

이제 업로드 폴더를 바꿨으므로 uploads 폴더를 만들고 그 하위 폴더로 videos를 넣어줍니다.

app.js

이제 video src를 얻기 위해서 localhost:3000/uploads/videos/로 접근할텐데 지금 우리의 코드는 /uploads접근에 대한 결과를 줄 코드가 없죠. 그래서 app.js에서 express.static middleware를 추가해주겠습니다.

• express.static(폴더명)
  express.static은 디렉토리에서 파일을 보내주는 middleware입니다. 지금은 우리가 저장한 파일을 불러오는데 이용했지만 보통은 로고등을 불러오기 위한 수단으로 사용됩니다.
  

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