Статические файлы — это файлы, которые клиенты загружают с сервера. Создать новый каталог, общедоступный . Express, по умолчанию не позволяет обслуживать статические файлы.
Нам нужно промежуточное программное обеспечение для этой цели. Идите вперед и установите коа-служить —
$ 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, а простой текстовый файл.
Несколько статических 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 будет искать эти каталоги и отправлять нам соответствующий файл.