Koa.js 静态文件

静态文件是客户端从服务器下载的文件。 创建一个新目录，public。 Express，默认情况下不允许我们提供静态文件。

我们需要一个中间件来达到这个目的。 继续安装 koa-static

$ npm install --save koa-static

现在我们需要使用这个中间件。 在此之前创建一个名为 public 的目录。 我们将在这里存储所有静态文件。 这使我们能够保持服务器代码的安全，因为客户端无法访问此文件夹之上的任何内容。 创建 public 目录后，在其中创建一个名为 hello.txt 的文件，其中包含我们自己喜欢的任何内容。 现在将以下内容添加到您的 app.js。

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

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

app.listen(3000);

注意 - Koa 查找相对于静态目录的文件，因此静态目录的名称不是 URL 的一部分。 根路由现在设置为 public 目录，因此我们加载的所有静态文件都将 public 视为根目录。

要测试它是否正常工作，请运行您的应用程序并访问 http://localhost:3000/hello.txt 。我们应该得到以下输出。 请注意，这不是 HTML 文档或 Pug 视图，而是一个简单的 txt 文件。

多个静态目录

我们还可以使用设置多个静态资源目录

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

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

app.listen(3000);