koa静态资源中间件

安装koa-static模块
const views=require(‘koa-views’);
const Koa=require(‘koa’);//引入模块
const Router=require(‘koa-router’);
var koastatic = require(‘koa-static’);
var app = new Koa();
var router = new Router();//实例化

app.use(koastatic(‘static’));//配置根目录
app.use(views(‘views’,{extension:‘ejs’}))

router.get("/",async (ctx)=>{
await ctx.render(‘test3’);
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3000)
css里面的内容
.test{
width: 100%;
height: 40px;
background: greenyellow;
color: #00B7FF;
text-align: center;
}
Ejs里面的内容

访问3000端口就可以看到在h1标签里面的内容和元素发生了变化

配置静态资源中间件也可以这些
app.use(koastatic(__dirname+’/static’));
console.log(__dirname);//当前项目的绝对路径
如果想加载图片也是类似的
加入app.use(koastatic(‘public’));在配置中间件
在之前的ejs界面加入

访问端口展示如下
图片就展示出来了