express.static


ビデオのsrcはlocalhost:3000/videos形で保存されていますこれは、最終的にビデオページに移動するため、ビデオソースをロードできません.新しいuploadsフォルダを作成し、アップロードフォルダにアクセスして、ストレージディレクトリの場所とビデオの重複を回避する方法を見てみましょう.

project

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

middlewares.js

/*다른 코드 생략*/
const uploadVideo = multer({dest: 'uploads/videos/'});
/*다른 코드 생략*/
アップロードフォルダを変更したので、アップロードフォルダを作成し、サブフォルダにビデオを入れることができます.

app.js


ビデオsrcを得るためにlocalhost:3000/uploads/videos/にアクセスしますが、/uploadsへのアクセスの結果を与えるコードはありません.だからappjsでexpress.静的ミドルウェアを追加します.
  • express.静的(フォルダ名)
    express.staticはディレクトリからファイルを送信するミドルウェアです.保存したファイルをロードするために使用しますが、通常はロゴなどをロードするために使用されます.
  • app.use('/uploads', express.static('uploads'));