koa2 从入门到进阶之路 (六)

之前的文章我们介绍了一下 koa post提交数据及 koa-bodyparser中间件,本篇文章我们来看一下 koa-static静态资源中间件。

 我们在之前的目录想引入外部的 js,css,img 等静态资源该如何获取呢?我们首先先按照之前的思维按照相对路径去查找,如下图:

koa2 从入门到进阶之路 (六)

我们在 index.ejs 文件中按照相对路径分别引入了一个 style.css 文件和一个 img 图片,

app.js 代码如下:

1 //引入 koa模块 2 const Koa = require('koa'); 3 const Router = require('koa-router'); 4 const views = require('koa-views'); 5 6 //实例化 7 const app = new Koa(); 8 const router = new Router(); 9 10 //配置模板引擎中间件 11 app.use(views('views', { 12 extension: 'ejs' 13 })); 14 15 router.get('http://www.likecs.com/', async (ctx) => { 16 await ctx.render('index', {}); 17 }); 18 19 //启动路由 20 app.use(router.routes()); 21 app.use(router.allowedMethods()); 22 23 app.listen(3000);

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wsxzfp.html