Koa.js-静的ファイル

静的ファイルは、クライアントがサーバーからそのままダウンロードするファイルです。新しいディレクトリを作成し、public。Expressでは、デフォルトでは静的ファイルを提供できません。

この目的を果たすにはミドルウェアが必要です。先に進んでインストールkoa-serve

$ npm install --save koa-static

今、私たちはする必要があります useこのミドルウェア。その前に、publicというディレクトリを作成します。すべての静的ファイルをここに保存します。これにより、このパブリックフォルダーの上にはクライアントがアクセスできないため、サーバーコードを安全に保つことができます。パブリックディレクトリを作成したら、という名前のファイルを作成しますhello.txtあなたが好きなコンテンツでそれに。次に、以下をapp.jsに追加します。

var serve = require('koa-static');
var koa = require('koa');
var app = koa();

app.use(serve('./public'));

app.listen(3000);

Note− Koaは静的ディレクトリに関連するファイルを検索するため、静的ディレクトリの名前はURLの一部ではありません。これでルートルートがパブリックディレクトリに設定されたため、ロードするすべての静的ファイルはパブリックをルートと見なします。これが正常に機能していることをテストするには、アプリを実行してhttps://localhost:3000/hello.txt

次の出力が得られるはずです。これはHTMLドキュメントやPugビューではなく、単純なtxtファイルであることに注意してください。

複数の静的dir

−を使用して複数の静的アセットディレクトリを設定することもできます

var serve = require('koa-static');
var koa = require('koa');
var app = koa();

app.use(serve('./public'));
app.use(serve('./images'));

app.listen(3000);

これで、ファイルを要求すると、Koaはこれらのディレクトリを検索し、一致するファイルを送信します。