KoaJS 静态文件

  • 定义和使用

    静态文件是客户端从服务器下载的文件。创建一个新目录 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 = new koa();
    app.use(serve('./public'));
    app.listen(3001);
    
    注意 Koa 查找与静态目录相关的文件,因此静态目录的名称不是 URL 的一部分。根路由现在设置为 public dir,因此您加载的所有静态文件都将 public 视为根。
    若要测试此操作是否正常,请运行应用程序并访问 http://localhost:3001/hello.txt
    您应该得到以下输出。请注意,这不是一个HTML 文档或 Pug 视图,而是一个简单的txt文件。
    koa
  • 多个静态目录

    我们还可以使用-
    var serve = require('koa-static');
    var koa = require('koa');
    var app = new koa();
    
    app.use(serve('./public'));
    app.use(serve('./images'));
    
    app.listen(3001);
    
    现在当我们请求一个文件时,Koa 将搜索这些目录并将匹配的文件发送给我们。