美文网首页
8. koa2静态资源处理

8. koa2静态资源处理

作者: 我的昵称好听吗 | 来源:发表于2019-02-06 16:28 被阅读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);

相关文章

  • 8. koa2静态资源处理

    koa-static 文档地址: https://www.npmjs.com/package/koa-static...

  • Photo库使用

    PHAsset 静态资源类(详情) PHAssetCreationRequest 静态资源处理类(增删改查,创建)...

  • 处理静态资源

    1.什么是静态资源?静态资源有哪些? 图片、脚本、样式、icon、第三方库或包等都是静态资源。 当浏览器收到HTM...

  • 从零搭建webpack4+react+typescript+es

    处理静态资源 js的打包基本处理完了,还有图片、音频等静态资源需要处理。 依然先装依赖: 增加webpack配置:...

  • 07.Nginx静态资源配置

    1.静态资源类型 Nginx 作为静态资源 Web 服务器部署配置, 传输⾮常的⾼效, 常常⽤于静态资源处理, 请...

  • TOMCAT-性能调优

    DefaultServlet:Tomcat处理静态资源的ServeltDispatcherServlet:处理re...

  • nodejs+express+art-template处置静态资

    1.处理html文件。 2.处理除了html外的静态资源文件,如img,javascript等,静态资源放在pub...

  • 21 - express 处理静态路由(资源)

    express设置的时候处理静态路由(资源)的特点我们需要使用use来处理静态资源;use:包含了get和post...

  • SpringBoot-Web

    静态资源处理 1、外部静态资源观察springboot中web项目的自动配置类可以发现,springboot中引入...

  • 处理静态资源问题

    1、/** 代表扫描根目录以及子目录下所有的文件 /* 表示只扫描当前路径 2、如果拦截器中配置的拦截路径是/**...

网友评论

      本文标题:8. koa2静态资源处理

      本文链接:https://www.haomeiwen.com/subject/xphisqtx.html