8. koa2静态资源处理

2019-02-06  本文已影响0人  我的昵称好听吗

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. 设置静态文件目录

  1. 在根目录创建/public/images/目录接口,实现可以通过链接访问图片资源;
  2. 只有指定的静态目录中的静态资源可以访问;
/**静态资源(服务端) */
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);

上一篇 下一篇

猜你喜欢

热点阅读