Koa.js - File Statis

File statis adalah file yang diunduh klien sebagaimana adanya dari server. Buat direktori baru,public. Ekspres, secara default tidak memungkinkan Anda untuk menyajikan file statis.

Kami membutuhkan middleware untuk memenuhi tujuan ini. Silakan dan instalkoa-serve -

$ npm install --save koa-static

Sekarang kita perlu usemiddleware ini. Sebelum itu buat direktori bernama publik. Kami akan menyimpan semua file statis kami di sini. Hal ini memungkinkan kami untuk menjaga kode server kami tetap aman karena tidak ada di atas folder publik ini yang dapat diakses oleh klien. Setelah Anda membuat direktori publik, buat file bernamahello.txtdi dalamnya dengan konten apa pun yang Anda suka. Sekarang tambahkan yang berikut ini ke app.js.

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

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

app.listen(3000);

Note- Koa mencari file relatif terhadap direktori statis, jadi nama direktori statis bukan bagian dari URL. Rute root sekarang disetel ke direktori publik Anda, jadi semua file statis yang Anda muat akan dianggap publik sebagai root. Untuk menguji apakah ini berfungsi dengan baik, jalankan aplikasi Anda dan kunjungihttps://localhost:3000/hello.txt

Anda harus mendapatkan keluaran berikut. Perhatikan bahwa ini bukan dokumen HTML atau tampilan Pug, melainkan file txt sederhana.

Beberapa Arah Statis

Kami juga dapat mengatur beberapa direktori aset statis menggunakan -

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

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

app.listen(3000);

Sekarang ketika kami meminta file, Koa akan mencari direktori ini dan mengirimkan file yang cocok.