koa-static 文档地址: https://www.npmjs.com/package/koa-static
1. 安装koa-static
npm i koa-static --save
2. 引入koa-static
const serve = require('koa-static');
3. 设置静态文件目录
- 在根目录创建
/public/images/
目录接口,实现可以通过链接访问图片资源;- 只有指定的静态目录中的静态资源可以访问;
/**静态资源(服务端) */
app.use(serve(__dirname + "/public"));
访问图片资源案例:
如:http://localhost:3000/images/weibo.png
app.use(serve(__dirname + "/public"));
访问时,不能加上public
层级;
完整代码如下:
/**
* 项目入口文件
*/
const Koa = require('koa');
const app = new Koa();
const bodyParser = require('koa-bodyparser');
const Router = require('koa-router');
const router = new Router();
const render = require('koa-ejs');
const path = require('path');
const serve = require('koa-static');
app.use(bodyParser());
/**静态资源(服务端) */
app.use(serve(path.join(__dirname + "/public")));
// 初始化ejs,设置后缀为html,文件目录为`views`
render(app, {
root: path.join(__dirname, 'views'),
layout: false,
viewExt: 'html',
cache: false,
debug: false
});
// 监听3000端口
app.listen(3000);
网友评论