Koa-Static 該換換了吧試試 Awesome-Static

時間 2020-05-17

標籤 koa static 換換試試 awesome 简体版

原文原文鏈接

其實仍是得按自個兒的需求來。javascript

koa-static 有啥問題麼

koa-static是一個很是輕量的koa中間件，可以迅速的搭建起一個靜態文件服務器，一般咱們把靜態文件都放進public，而且經過相似koa-static這樣的東西來將咱們的public做爲靜態目錄，這樣的話，咱們就能直接經過根路由進行訪問了。html

emmmm，扯多了。回到正軌java

首先koa-static不能映射到其餘的路由上，通常是跟路由，好比訪問 public/main.html(假設 public 爲靜態目錄)，那麼就能夠經過 host:port/main.html 進行訪問獲得 main.html，可是有時候我不想映射到根路由，這時候，koa-static就顯得力不從心了。git

第二個問題是koa-static只支持GET和HEAD兩個 HTTP 方法來進行訪問，這在大多數場景下是有用的，可是不免會遇到一些特別的場景，好比你想用POST方法來拿到服務器上的靜態文件（若是你想）。github

awesome-static

吼，因此我作了awesome-static，awesome-static和koa-static同樣，都是對 koa-send的一層封裝，只不過awesome-static用 Typescript編寫，對 VSCode 支持良好。docker

awesome-static擴充了koa-static的 options，添加了兩個字段shell

route
allowMethods

route爲要映射到的路由，allowMethods是要容許的 HTTP 方法服務器

這兩個字段都是可選的，route 的默認值就是根路由，allowMethods 的默認值爲 HEAD 和 GET ，因此你能像使用 koa-static 同樣的使用 awesome-static。app

看一下使用方法koa

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

Koa-Static 該換換了吧 試試 Awesome-Static

koa-static 有啥問題麼

awesome-static

Github

Koa-Static 該換換了吧試試 Awesome-Static