koa koa-static 静态资源中间件

Koa 中 koa-static 中间件的使用

1、安装 koa-static

 

npm install --save koa-static

 

2、引入配置中间件

const static = require('koa-static');
app.use(static(
    path.join(__dirname, 'public')
))

demo

/*
 koa-static 静态资源中间件  静态web服务

1.cnpm install  koa-static --save

2.const static = require('koa-static')

3.配置中间件

 app.use(static('static'))

* */



var Koa=require('koa'),
    router = require('koa-router')(),
    views = require('koa-views'),
    bodyParser = require('koa-bodyparser'),
    static = require('koa-static');

var app=new Koa();
/*应用ejs模板引擎*/
app.use(views('views',{
    extension:'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);