koa 基础（十二）koa-static 静态资源中间件 静态web服务

1.目录

2.app.js

/**
 * koa-static 静态资源中间件 静态web服务
 * 1、npm install --save koa-static
 * 2、const static = require('koa-static');
 * 3、配置中间件
 * app.use(static('static'))
 */
// 引入模块
const Koa = require('koa');
const router = require('koa-router')(); /*引入是实例化路由 推荐*/
const views = require('koa-views');
const bodyParser = require('koa-bodyparser');
const static = require('koa-static');

// 实例化
let app = new Koa();

// 应用ejs模板引擎
app.use(views('views', { map: { html: 'ejs' } }));

// http://localhost:3000/css/basic.css 首先去static目录找,如果能找到返回对应的文件,找不到next()

// 配置静态web服务的中间件
// app.use(static('static'));
app.use(static(__dirname + '/static'));

app.use(static(__dirname + '/public')); // koa静态资源中间件可以配置多个

// 配置post bodyparser的中间件
app.use(bodyParser());

router.get('/', async (ctx) => {
  await ctx.render('index');
})

// 接收post提交的数据
router.post('/doAdd', async (ctx) => {
  console.log(ctx.request.body);
  ctx.body = ctx.request.body; // 获取表单提交的数据
})

app.use(router.routes());
app.use(router.allowedMethods());

app.listen(3000);

3.效果图