使用koa-static中間件來處理Koa項(xiàng)目中的靜態(tài)資源。
1.1 koa-static安裝：
npm install koa-static --save
1.2 koa-static常用配置：
koa-static中間件接收兩個(gè)參數(shù)——root和opts二蓝，代碼如下：
const Koa = require('koa');
const path = require('path');
const static = require('koa-static');
const app = new Koa();
app.use(static(
path.join(__dirname, 'public'),{ //靜態(tài)文件所在目錄
maxage: 30*24*60*60*1000 //指定靜態(tài)資源在瀏覽器中的緩存時(shí)間
}
));
通過上面的配置奶陈，在網(wǎng)頁中的靜態(tài)資源都會(huì)去/public目錄下去找，假設(shè)當(dāng)前的項(xiàng)目目錄結(jié)構(gòu)為：
|——app.js
|——views
| |——index.html
|——public
| |——css
|——main.css
那么伦泥，在index.html中引用main.css文件：
<head>
<!--直接去/public目錄下去找/css/main.css-->
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="box">這里是引用的外部樣式</div>
</body>
</html>
在前期的項(xiàng)目中，使用koa-static來配置Koa靜態(tài)資源，后期將項(xiàng)目部署在服務(wù)器時(shí)否过，大部分是將靜態(tài)資源通過Nginx來配置狱从。
