Koa.js - Arquivos estáticos

Os arquivos estáticos são arquivos que os clientes baixam como estão do servidor. Crie um novo diretório,public. Express, por padrão, não permite que você forneça arquivos estáticos.

Precisamos de um middleware para atender a esse propósito. Vá em frente e instalekoa-serve -

$ npm install --save koa-static

Agora precisamos useeste middleware. Antes disso, crie um diretório chamado público. Armazenaremos todos os nossos arquivos estáticos aqui. Isso nos permite manter nosso código de servidor seguro, pois nada acima dessa pasta pública seria acessível aos clientes. Depois de criar um diretório público, crie um arquivo chamadohello.txtnele com qualquer conteúdo que você gosta. Agora adicione o seguinte ao seu app.js.

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

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

app.listen(3000);

Note- Koa procura os arquivos relativos ao diretório estático, portanto, o nome do diretório estático não faz parte da URL. A rota raiz está agora definida para seu diretório público, então todos os arquivos estáticos que você carregar serão considerados públicos como raiz. Para testar se isso está funcionando bem, execute seu aplicativo e visitehttps://localhost:3000/hello.txt

Você deve obter a seguinte saída. Observe que este não é um documento HTML ou visão Pug, mas sim um simples arquivo txt.

Multiple Static Dirs

Também podemos definir vários diretórios de ativos estáticos usando -

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

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

app.listen(3000);

Agora, quando solicitamos um arquivo, Koa pesquisará esses diretórios e nos enviará o arquivo correspondente.