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!