从零一起学koa2(6)---koa-static实现静态资源服务器

安装

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

npm install --save koa-static

使用

新建app.js文件，新建demo文件夹，在文件夹中放入html、js、css、png等文件。app.js中代码如下：

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

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

打开http://localhost:3000/ 会默认显示index.html中的内容，效果同http://localhost:3000/index.html

打开http://localhost:3000/demo.js 或http://localhost:3000/koa.jpg (后面是静态资源的文件名)，会在网页中显示静态资源的文件内容。

输入其他url会显示helloworld。