express 强缓存踩坑日记

最新推荐文章于 2024-05-25 11:21:44 发布
最新推荐文章于 2024-05-25 11:21:44 发布
阅读量915 收藏
点赞数 1
分类专栏： 前端性能 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38776549/article/details/115922737
版权

闲来无事学学HTTP缓存机制，设置cache-control字段后哪怕设置了一年的时间都没有效果，即时是相应头有对应设置字段都无法命中强缓存。

在ngix服务器，express服务器多次尝试都无法尝试未果，即将要放弃的时候，发现自己在控制台开启了disable cache ，这个选项意味着禁用浏览器缓存，关闭后成功命中了强缓存。

app.use(express.static(path.join(__dirname, 'dist'), { maxAge: 31557600000 }));

下面是成功的示意图：

我也曾经是一个单纯、善良、帅气的少年
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
express 测试浏览器缓存
.
06-24 1276
// 测试Server端 express // Cache-Control 设置缓存 const express = require('express'); const fs = require('fs'); const path = require('path'); app.get('/*.css', function(req, res) { /** * @title 设...
webpack+express实现文件精确缓存的示例代码
10-15
主要介绍了webpack+express实现文件精确缓存的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
nodejs设置强制缓存，协商缓存
最新发布
qq_35496811的博客
05-25 447
基于资源的最后修改时间进行缓存协商。基于资源的内容哈希进行缓存协商。强制缓存指的是服务器在响应头中设置缓存控制策略，告知浏览器在一定时间内不需要向服务器请求，直接使用本地缓存。
强制缓存和协商缓存
zhoukaibai的博客
05-18 549
当浏览器请求一个资源时，该资源可以缓存到客户端（浏览器）中，以便以后重复使用。浏览器缓存是一种可以显著提高Web应用程序性能的技术，但它可能会导致某些问题，例如在更新资源时无法及时获取最新版本。在这种情况下，我们可以使用浏览器缓存策略来强制或协商缓存资源。
express.static设置缓存
weixin_34162629的博客
11-03 1024
之前因为服务器端脚本不大，都是直接手写，按请求文件后缀名设置cache-control的max-age。 今天决定还是改成express，发现原来express.static()方法设置缓存，直接在参数加{max-age:‘2h’}就好了！！！！ 1 app.use(express.static(myStaticPath, { 2 maxage: '2h' 3 })) 详见：...
cache-control-midd:ExpressConnect 中间件设置响应头缓存选项
06-13
缓存控制中间 Express/Connect 中间件设置响应头缓存选项 安装 npm install cache-control-midd --save 用法 var express = require ( 'express' ) ; var cacheControl = require ( 'cache-control-midd' ) ; var app = express ( ) ; // Sets `Cache-Control` header to `public, max-age=600` and `Expires` too // 'minute' -> 10 minutes -> 600 seconds app . get ( '/' , cacheControl ( 'minute' ) , function ( req , res ) { res . send ( 'o
express- 缓存的基本原理(学习笔记)
瓜皮伦的博客
10-05 1127
缓存的基本原理 在一个C/S结构中，最基本的缓存分为两种： 客户端缓存 服务器缓存 本文仅讨论客户端缓存 所谓客户端缓存，顾名思义，是将某一次的响应结果保存在客户端（比如浏览器）中，而后续的请求仅需要从缓存中读取即可，极大的降低了服务器的处理压力。 客户端缓存的原理如下： 这只是一个简易的原理图，实际情况可能有差异 这里就设计到一个缓存策略的问题，这些问题包括： 哪些资源需要加入到缓存，哪些不需要？ 缓存的时间是多久呢？ 如果服务器的资源有改动，客户端如何更新缓存呢？ 如果缓存过期了，可是服务器
详解express使用vue-router的history踩坑
10-16
主要介绍了express 使用 vue-router 的 history 踩坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
hello-redis:使用Redis缓存数据的Express应用程序
05-02
一个快速的应用程序演示了如何将Redis用于缓存数据，以便可以立即满足经常性请求。 要求 节点> = 8.x 雷迪斯 设置和运行 克隆此仓库。 使用npm install安装所有节点依赖项。 确保您的本地redis服务器实例在...
express给html设置缓存,webpack + express 实现文件精确缓存
weixin_36050894的博客
06-19 475
由于最近开发的个人博客(Vue + node)在使用过程中，发现网络加载有点慢，所以打算对它进行一次优化。本次优化的目标如下：index.html 设置成 no-cache，这样每次请求的时候都会比对一下 index.html 文件有没变化，如果没变化就使用缓存，有变化就使用新的 index.html 文件。其他所有文件一律使用长缓存，例如设置成缓存一年 maxAge: 1000 * 60 * 6...
express-cache-headers:用于设置响应缓存头的Express中间件
05-10
快速缓存头 用于设置响应缓存头的Express中间件 用法 var express = require('express'); var app = express(); var cache = require('express-cache-headers'); app.use(cache(10)); app.get('/hi', cache({nocache:true}), function(req, res){ res.send('Hi'); }); app.get('/hey', cache({ttl:300, private:true}), function(req, res){ res.send('Hey'); }); 选项 ttl - seconds - defaults to 0 nocache - true/false - default to false p
Express 中设置缓存Cache-control的maxAge
热门推荐
liudabaozhangxiaobei的专栏
03-22 1万+
浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等） 其中针对于cache-control在express中是这样描述的： express.static(root, [options])express.static 是 Express 内置的唯一一个中间件。是基于 serve-static 开发的，负责托管 Express
【nodejs】express框架(一) express的使用以及express.static的使用，顺带解决一些服务器路径问题和浏览器解析过程
waht的博客
04-14 4217
express的基本使用 npm init//创建管理文档 npm i express -S //-S表示在生产环境下也要用到的包 var express = require('express');//导出express的顶级函数 var app = express();//创建express对象 app.get('/', function(req, res){//监听get请求的'/'地址 ...
Node实现强制缓存
Tom__cy的博客
06-14 1012
// 实现强制缓存 // 把资源缓存在客户端， 如果客户端再次需要此资源的时候， 先获取到缓存中的数据， 看是否过期， 如果过期了。 再请求服务器 // 如果没过期， 则根本不需要向服务器确认， 直接使用本地缓存即可 let http = require('http') let url = require('url') let path = require('path') let fs = r...
Express细节探究(1)——app.use(express.static)
weixin_30338743的博客
12-17 1022
express相信是很多人用nodejs搭建服务器的首选框架，相关教程有很多，也教会了大家来如何使用。如果你想更深的了解他的细节，不妨和我一起来研究一下。 先来看一个每个人都用到的方法app.use(express.static(__dirname+'/public')); 你肯定在你的app文件中这么用过它： app.use(express.static(__dirname + '...
『网络篇』之手把手实现强缓存与协商缓存
Dpl0216的博客
12-02 2800
本文为网络篇系列中的第一篇文章，主要介绍的是浏览器根据服务器返回数据的响应头做出的一系列处理，以及强缓存和协商缓存是如何进行判断是否使用缓存数据，最后将手把手实现nodejs实现强缓存以及协商缓存案例
express.static的用法
freewilly123abc的博客
03-11 545
express.static 作用及用法_黎先生的博客-CSDN博客_express.staticexpress相信是很多人用nodejs搭建服务器的首选框架，相关教程有很多，也教会了大家来如何使用。如果你想更深的了解他的细节，不妨和我一起来研究一下。先来看一个每个人都用到的方法app.use(express.static(__dirname+'/public'));你肯定在你的app文件中这么用过它： app.use(express.static(__dirname + 'https://blog.csd
express初始化，express.static(root, [options])简介
ppwwp的专栏
04-19 1406
初识express 创建一个 Express 应用。express() 是一个由 express 模块导出的入口（top-level）函数。 var express = require('express'); var app = express(); express的内置方法 express.static(root, [options]) express.static 是 Exp...
Node.js与Express深度指南
"Pro Express" 是一本关于 Node.js 和 Express 框架的书籍，旨在帮助读者入门并深入理解 Express 的 API 参考和常见问题的解决。 书籍详细内容概述： 这本书分为三个部分，全面覆盖了从基础到进阶的 Node.js 和 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值