• 我转过几个弯 绕过那个小雨楼
  • 拿着蒲扇摆着衣衫渡着紧箍咒
  • 不问天涯不停留 喝过几壶酒
  • 不过年少白头道义放胸口
  • 倘若明天之后 遥看前尘剑封侯
  • 似那天上神仙无所求
  • 朝朝暮暮君如梦醒十分不为何理由
  • 是真是假是惶恐是无休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 又过了几个弯 算尽天量道莫慌
  • 踏这田园闻这芳草香
  • 跌跌撞撞仗剑天涯折煞不枉无笔良
  • 是梦是幻是温柔是家乡
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 路过这风雨花满楼 片刻都不停留
  • 我本这书生进京赶考留下许多愁
  • 你问有没有时候 我叹这天道默悠悠
  • 能否与我一醉方休
  • 谁能与我一醉方休

koa框架15 koa-static静态资源

129 0

安装

npm i koa-static

一般建议创建一个目录专门保存静态文件,比如目录名:static

static一般放在最末尾use激活,表示如果前面的路由设置,或其他的都没有对应的,就进入的请求文件这。

const Koa = require("koa");
const static = require("koa-static");


const server = new Koa();
server.listen(8080);


server.use(require("./router"));

server.use(static("./static", {
    maxage: 30 * 24 * 60 * 60 * 1000, //30天缓存周期
    index: "index.html" //默认文件
}))

static有两个参数,第一个为静态文件的路径,我们指定一个目录。第二个是配置文件,键值对,两个属性,一个是maxage,一个是index

maxage

缓存时间,我们都知道浏览器会缓存文件,这个文件一般都是后台给浏览器一个信息,这个文件可以缓存几天,然后浏览器将文件缓存,下次进入的时候,浏览器还是会发送一个请求给后台并且附带一个时间,如果时间没有过期,那么后端返回304,body为空。

如果过期了,后端会重新发送新的内容。

maxage是一个毫秒值,我们可以自由设置过期的时间。

index

默认返回的内容,如果请求的是/根目录,可以指定返回一个默认文件,不过用的也不多。

针对不同文件进行缓存

图片文件和js文件,一般图片文件很少变化,js文件确容易变化,所以对应的缓存时间也不相同,我们可以针对性的设置。

router.all(/\.(jpg|png|gif)$/i, static("./static", {
    maxage: 10 * 24 * 60 * 60 * 1000 //10天
}))

router.all(/\.css$/i, static("./static", {
    maxage: 7 * 24 * 60 * 60 * 1000 //7天
}))

router.all(/\.js$/i, static("./static", {
    maxage: 1 * 24 * 60 * 60 * 1000 //1天
}))

router.all(/\.html$/i, static("./static", {
    maxage: 1 * 24 * 60 * 60 * 1000 //1天
}))

router.all("*", static("./static", {
    maxage: 7 * 24 * 60 * 60 * 1000 //7天
}))

利用路由的all方法,所有的路径请求都要经过他,然后通过正则判断是什么文件,传入不同的static方法,每个方法都有自己的缓存时间,这样就达到了不同文件,缓存时间不同。

由于9.4.0时,通配符取消了,改为了正则的字符,于是*要改为"/(.*)"这样才行,不然会报错。

router.all("/(.*)", static("./static", {
    maxage: 7 * 24 * 60 * 60 * 1000 //7天
}))
0
  • 本文分类:Node
  • 本文标签:nodekoakoa-static
  • 流行热度:已超过 129 人围观了本文
  • 最后更新:2020年08月17日 - 21时16分41秒
  • 发布日期:2020年08月16日 - 21时55分00秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

相关文章

微信收款码
微信收款码