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. 設(shè)置靜態(tài)文件目錄
- 在根目錄創(chuàng)建
/public/images/
目錄接口评疗,實(shí)現(xiàn)可以通過鏈接訪問圖片資源;- 只有指定的靜態(tài)目錄中的靜態(tài)資源可以訪問茵烈;
/**靜態(tài)資源(服務(wù)端) */
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());
/**靜態(tài)資源(服務(wù)端) */
app.use(serve(path.join(__dirname + "/public")));
// 初始化ejs呜投,設(shè)置后綴為html加匈,文件目錄為`views`
render(app, {
root: path.join(__dirname, 'views'),
layout: false,
viewExt: 'html',
cache: false,
debug: false
});
// 監(jiān)聽3000端口
app.listen(3000);