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);