📜  Koa.js-静态文件

📅  最后修改于: 2020-10-23 07:50:05             🧑  作者: Mango


静态文件是客户端从服务器直接下载的文件。创建一个新目录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的一部分。现在,根路由已设置为您的公共目录,因此您加载的所有静态文件都将以公共为根。要测试它是否正常运行,请运行您的应用并访问https:// localhost:3000 / hello.txt

您应该获得以下输出。请注意,这不是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将搜索这些目录并将匹配的文件发送给我们。