ExpressJS-静的ファイルの提供

静的ファイルは、クライアントがサーバーからそのままダウンロードするファイルです。新しいディレクトリを作成し、public。Expressでは、デフォルトでは静的ファイルを提供できません。以下の組み込みミドルウェアを使用して有効にする必要があります。

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

Note − Expressは静的ディレクトリに関連するファイルを検索するため、静的ディレクトリの名前はURLの一部ではありません。

ルートルートがパブリックディレクトリに設定されているため、ロードするすべての静的ファイルはパブリックをルートと見なします。これが正常に機能していることをテストするには、新しい画像ファイルに任意の画像ファイルを追加しますpublic dirとその名前を「testimage.jpg"。ビューで、新しいビューを作成し、次のようにこのファイルを含めます-

html
   head
   body
      h3 Testing static file serving:
      img(src = "/testimage.jpg", alt = "Testing Image

次の出力が得られるはずです-

複数の静的ディレクトリ

次のプログラムを使用して、複数の静的アセットディレクトリを設定することもできます-

var express = require('express');
var app = express();

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

app.listen(3000);

仮想パスプレフィックス

静的ファイルを提供するためのパスプレフィックスを提供することもできます。たとえば、次のようなパスプレフィックスを提供する場合'/static'、次のコードをに含める必要があります index.js ファイル-

var express = require('express');
var app = express();

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

app.listen(3000);

これで、パブリックディレクトリにあるmain.jsというスクリプトファイルなどのファイルを含める必要がある場合は、次のスクリプトタグを使用します。

<script src = "/static/main.js" />

この手法は、静的ファイルとして複数のディレクトリを提供する場合に役立ちます。これらのプレフィックスは、複数のディレクトリを区別するのに役立ちます。