koa架構學習記錄（9）

koa-static靜态資源中間件

在背景開發中不僅有需要代碼處理的業務邏輯請求，也會有很多的靜态資源請求。比如請求js，css，jpg，png這些靜态資源請求。也非常的多，有些時候還會通路靜态資源路徑。用koa2自己些這些靜态資源通路是完全可以的，但是代碼會雍長一些。是以這節課我們利用koa-static中間件來實作靜态資源的通路。

安裝koa-static：

npm install --save koa-static

建立static檔案夾

然後在static檔案中放入圖檔，css和js檔案。

使用koa-static中間件

const Koa = require('koa')
const path = require('path')
const static = require('koa-static')

const app = new Koa()


const staticPath = './static'

app.use(static(
  path.join( __dirname,  staticPath)
))


app.use( async ( ctx ) => {
  ctx.body = 'hello world'
})

app.listen(3000, () => {
  console.log('[demo] static-use-middleware is starting at port 3000')
})