其實還是得按自個兒的需求來。
koa-static 有啥問題麼
koa-static
是一個非常輕量的koa
中間件,能夠迅速的搭建起一個靜態文件服務器,通常我們把靜態文件都放進public
,並且通過類似koa-static
這樣的東西來將我們的public
作爲靜態目錄,這樣的話,我們就能直接通過根路由進行訪問了。
emmmm,扯多了。回到正軌
首先koa-static
不能映射到其他的路由上,一般是跟路由,比如訪問 public/main.html
(假設 public 爲靜態目錄),那麼就可以通過 host:port/main.html
進行訪問得到 main.html
,但是有時候我不想映射到根路由,這時候,koa-static
就顯得力不從心了。
第二個問題是koa-static
只支持GET
和HEAD
兩個 HTTP 方法來進行訪問,這在大多數場景下是有用的,但是難免會遇到一些特別的場景,比如你想用POST
方法來拿到服務器上的靜態文件(如果你想)。
awesome-static
吼,所以我做了awesome-static
,awesome-static
和koa-static
一樣,都是對 koa-send
的一層封裝,只不過awesome-static
用 Typescript
編寫,對 VSCode 支持良好。
awesome-static
擴充了koa-static
的 options
,添加了兩個字段
- route
- allowMethods
route
爲要映射到的路由,allowMethods
是要允許的 HTTP 方法
這兩個字段都是可選的,route
的默認值就是根路由,allowMethods
的默認值爲 HEAD
和 GET
,所以你能像使用 koa-static
一樣的使用 awesome-static
。
看一下使用方法
const Koa = require('koa');
const app = new Koa();
const { AwesomeStatic } = require('awesome-static');
app.use(AwesomeStatic('public'));
app.listen(8888);
在 public
下有一個 html
文件,下面是 public 的目錄結構
public
└── main.html
在啓動服務器後就能通過http://localhost:8888/main.html
進行訪問了
現在來配置一下 route
const Koa = require('koa');
const app = new Koa();
const { AwesomeStatic } = require('awesome-static');
app.use(AwesomeStatic('public', {
route:"static"
}));
app.listen(8888);
配置了 route
爲 static
那麼現在訪問 main.html
就需要訪問http://localhost:8888/static/main.html
如果再配置一下 allowMethods
,來設置一下允許的 HTTP 方法,讓它只能通過POST
來訪問
const Koa = require('koa');
const app = new Koa();
const { AwesomeStatic } = require('awesome-static');
app.use(AwesomeStatic('public', {
route:"static",
allowMethods:["POST"]
}));
app.listen(8888);
現在再通過 http://localhost:8888/static/main.html
就會去 404
了~
來模擬一個 POST
請求
curl http://localhost:8888/static/main.html -X POST
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<h1>Main</h1>
</body>
</html>
Github
https://github.com/HaoDaWang/awesome-static