koa2入门系列 Part 4
静态资源使用
重启服务,刷新浏览器
完美!
最终app.js代码如下
//引入 koa模块
const Koa = require('koa');
const Router = require('koa-router');
const views = require('koa-views');
const static = require('koa-static');
//实例化
const app = new Koa();
const router = new Router();
//配置静态资源中间件
/**
* 其中 __dirname 是我们当前目录绝对路径的意思,
* 当然我们也可以写成 app.use(static("./static"))
* */
app.use(static(__dirname + '/static'));
//配置模板引擎中间件
app.use(
views('views', {
extension: 'ejs'
})
);
router.get('/', async ctx => {
await ctx.render('index', {});
});
//启动路由
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3001);
ps:
需要注意的是,静态文件的路径必须配置是根目录下的/static,而不能是./static或者static,至于static文件夹放在比如views目录下又该如何配置,有兴趣的可以自行探索。
下一节是接口模拟
