koa静态资源中间件koa-static

koa-static是静态资源请求中间件，静态资源例如html、js、css、jpg等等。原生koa2也可以实现，但是比较麻烦，使用该中间件十分方便。

npm install --save koa-static

public文件夹为前端静态资源文件夹

public
+ |- /js
+   |- xxx.js
+ |- /img
+   |- xxx.jpg

const Koa = require('koa')
const path = require('path')
const static = require('koa-static')
const app = new Koa()
 
//设置静态资源的路径 
const staticPath = './public'
 
app.use(static(
  path.join( __dirname,  staticPath)
))

app.use( async ( ctx ) => {
  ctx.body = 'hello koa!'
})
 
app.listen(3000, () => {
  console.log('server is starting at port 3000')
})

打开http://localhost:3000/js/xxx.js 或http://localhost:3000/img/xxx.jpg (路径不能出现/public)，会在网页中显示相应的静态资源文件内容。

输入其他url会显示hello koa!