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でアクセスでき、ここへのアクセスのみが許可されるため、より安全です.