Koa.js-静的ファイル

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

この目的に役立つミドルウェアが必要です。先に進み、 koa-serve をインストールします-

$ npm install --save koa-static

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

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

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

app.listen(3000);

注意-Koaは静的ディレクトリに関連するファイルを検索するため、静的ディレクトリの名前はURLの一部ではありません。これでルートルートがパブリックディレクトリに設定されるため、ロードするすべての静的ファイルはルートとしてパブリックと見なされます。これが正常に機能していることをテストするには、アプリを実行して [[1]] にアクセスします

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

静的ファイル

複数の静的Dirs

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

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

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

app.listen(3000);

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

Koajs-static-files

Koa.js-静的ファイル

複数の静的Dirs