middleWare)静的ファイルのサービス

静的ファイルサービス

静的ファイル:画像ファイル、JavaScript、cssファイルなどをWebブラウザにダウンロードします.

の下のホームページに写真を貼ります.

expressjs.comサイト

コードの追加
:publicディレクトリで静的ファイルを検索します.

app.use(express.static('public'))

にアップロードされた画像
ディレクトリ構成)
アドレス)http://localhost:3000/ image/hello.jpg

imgファイルのパスを接続します.
:ホームページ

にコードを追加

// css ( style옵션 ) 추가함 (사이즈 변경) . 
,
    <img src="/images/hello.jpg" style="width:400px; display:block; margin-top:10px">`,

==>追加されたコードの場所.

// 1. 홈페이지 구현.
app.get('/', (request, response) => {
  var title = 'Welcome';
  var description = 'Hello, Node.js';
  var list = template.list(request.list);
  var html = template.HTML(title, list,
    `<h2>${title}</h2>${description},
    <img src="/images/hello.jpg" style="width:400px; display:block; margin-top:10px">`,
    `<a href="/create">create</a>`
  );
  response.send(html);

})

(ホームページ)

7. Totall

:publicディレクトリで静的ファイルを検索します.直接指定します.
app.use(express.static('public'))
このコードは...
「public」ディレクトリのファイルまたはディレクトリのみがurlでアクセスでき、ここへのアクセスのみが許可されるため、より安全です.