在开发调试web的时候,经常会碰到因浏览器缓存(cache)而经常要去清空缓存或者强制刷新来测试的烦恼,提供下apache不缓存配置和nginx不缓存配置的设置。在常用的缓存设置里面有两种方式,都是使用add_header来设置:分别为Cache-Control和Pragma。 nginx:
location ~ .*\.(css|js|swf|php|htm|html )$
转载
2024-02-22 13:31:28
161阅读
Nginx缓存简介对于一个含有大量内容的网站来说,随着访问量的增多,对于经常被用户访问的内容,若每一次都要到后端服务器中获取,会给服务器带来巨大压力,为此,利用反向代理服务器对访问频率较多的内容进行缓存,有利于节省后端服务器的资源。Nginx提供了两种Web缓存方式,一种是永久性缓存,另一种是临时性缓存。Web缓存服务器位于内容源Web服务器和客户端之间,当客户端用户访问一个URL时,Web缓存服
转载
2024-02-19 10:43:15
124阅读
前言:实验环境:我们前三章搭建好的Lnmp架构。原理分析: 浏览器发送http request请求到服务器(Nginx),服务器响应并处理web请求,将一些静态资源(CSS,图片,视频等)保存服务器上,然后将php脚本通过接口传输协议(网关协议)PHP-FCGI(fast-cgi)传输给PHP-FPM(进程管理程序),PHP-FPM不做处理,然后PHP-FPM调用PHP解析器进程,PHP解析器解析
转载
2024-06-06 11:40:06
179阅读
1、缓存相关知识 使用缓存为了减少后端的压力,让请求集中到前端就能取到数据。缓存可以分为服务端缓存(redis等)、代理缓存(Nginx等)、浏览器缓存(浏览器自带)。本文说一下Nginx缓存。 Nginx代理缓存流程:首先客户端先去请求Nginx,第一次请求的时候,如果Nginx本地没有缓存,那么他会向服务器发起请求对应的数据数据,然后服务器返回对应的数据,Nginx本地进行缓存,然后返
转载
2024-03-01 14:34:20
96阅读
环境:VMware-Workstation-12-Pro,Windows-10,CentOS-7.5,Xshell51 概述如果我们的架构是前端负载均衡后端WEB集群时,可以开启nginx的缓存功能,把静态资源缓存到负载均衡机器上,这样负载均衡机器不用每次都去后端WEB集群获取资源,从而提高效率,当然单台机器开启缓存功能也是一样。2 火速看到效果参考nginx配置[root@lb01 ~]# ho
转载
2024-03-26 07:33:46
213阅读
内容缓存是显著提高web站点的性能最有效的方法之一。下面来说说nginx高性能缓存。 内容缓存的基本原则 对GET请求进行缓存。 使用:浏览器缓存,内容分发网络和/或反向代理缓存。 HTTP缓存机制: 1. 源服务器宣称的内容缓存能力。 主要是对http头信息来控制的。 2. 请求的客户端缓存能力,如GET请求。 nginx对哪些进行缓存? 1. 缓存没有 S
转载
2024-04-29 09:22:00
60阅读
前端页面缓存技术方案关于页面缓存数据的纯前端技术方案背景项目存在的现有方案思考?其他技术调研react-activationreact-router-cache-route结论 关于页面缓存数据的纯前端技术方案背景为了优化用户的体验,可能会遇到这样的需求:在列表页跳到详情页然后又返回列表的时候,需要保持状态和滚动位置;或是页面内切换组件(比如切换 Tab )的时候,需要保持状态。但目前由于rea
转载
2024-09-07 17:22:26
61阅读
React 前端 Nginx 缓存配置最新开发钉钉微应用,上线后发现 2 个问题:1.每次更新后,需要用户手动刷新获取最新的 HTML 和最新的 js,经常被客户吐槽为什么 bug 还没改,其实早已经改了,客户手机上跑的还是旧版。2.不设置缓存策略的情况下,无论本地是否有缓存,华为手机上竟然是每次重新请求 js、css,每次打开很慢,体验极差。为了解决这个问题,将 HTML 文件的缓存策略设置为协
转载
2024-06-18 17:01:56
174阅读
web缓存位于内容源Web服务器和客户端之间,当用户访问一个URL时,Web缓存服务器会去后端Web源服务器取回要输出的内容,然后,当下一个请求到来时,如果访问的是相同的URL,Web缓存服务器直接输出内容给客户端,而不是向源服务器再次发送请求.Web缓存降低了内容源Web服务器,数据库的负载,减少了网络延迟,提高了用户访问的响应速度,增强了用户体验. Nginx的Web缓存服务主要由p
转载
2024-04-29 11:57:59
421阅读
一、HTTP缓存机制1、高并发下只能通过提升服务器负载解决?不是,可以流量优化,前端优化,服务器优化等等(详解可参考 PHP如何解决网站大流量与高并发的问题?)。2、缓存只能做数据库缓存吗?还可以做浏览器的缓存,浏览器缓存可以降低服务器的压力,同时也可以节省带宽和流量。本节会着重对浏览器的缓存进行讲解3、缓存分类1) HTTP缓存模型中,如果请求成功会有三种情况:200 from cache:即
转载
2024-06-26 13:42:46
973阅读
## 实现Nginx缓存前端静态资源
欢迎来到这篇关于如何利用Nginx缓存前端静态资源的科普文章!在本文中,我将向您介绍整个流程,并给出具体的步骤以及代码示例。让我们开始吧!
### 整体流程
要实现Nginx缓存前端静态资源,我们需要按照以下步骤进行操作:
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 配置Nginx |
| 2 | 设置缓存规则 |
| 3 |
原创
2024-05-06 11:08:17
237阅读
什么是代理与反向代理,有什么应用场景? 平常经常听别人说代理与反向代理,那么这二者到底有什么区别呢?代理场景:我需要访问一个服务器C,但是由于某些原因我无法访问到它,(典型的就是你FQ,然后failed了),可是我就是控制不住自己,这个时候,服务器B告诉我,来吧,你想要什么,我来帮你传话,于是,我把自己的请求给了B,B接收到之后,帮我转给了C,(因为B和C之间的线路是畅通的),C
WEB的网页缓存分析xChrome会自动本次缓存Nginx的本地资源nginx在1.0之后的版本,当处理本地资源文件的时候,会自动追加Etag和Last-modified头部信息Chrome在收到一个资源携带了Date和Last-Modified头部,同时,没有Expires头部,会自动决定过期策略,简单的规则有个例子,不确定正确性,但是Chrome就是会保持这个过期策略,下次请求的时候会直接
转载
2024-10-08 15:04:22
61阅读
浏览器缓存的解决方案,包括传统前端和现代前端。
浏览器缓存的解决方案 摘要:浏览器缓存的解决方案,包括传统前端和现代前端。前言:本文只针对文件请求(html、css、js)进行分析,但不涉及json数据请求。 浏览器的状态(1)当浏览器向服务器发起请求,如果请求正常,状态是200。 (2)浏览器接收到请求结果后,如果会根据响
转载
2024-03-06 21:34:14
131阅读
文章目录一、配置nginx反向代理1、安装window版的nginx2、配置nginx代理3、重启nginx4、测试二、前端整合图片上传组件1、复制头像上传组件2、前端参考实现3、前端添加文件上传组件4、js脚本实现上传和图片回显5、测试三、EasyExcel1、Excel导入导出的应用场景2、EasyExcel简介四、课程分类管理(1)添加课程分类后端接口实现1、使用代码生层工具生成相应的层代
转载
2024-10-12 08:38:47
189阅读
1 简介前端缓存主要是分为HTTP缓存(强缓存、协商缓存)和浏览器缓存。 其中HTTP缓存是在HTTP请求传输时用到的缓存,主要在服务器上设置;而浏览器缓存主要在前端js进行设置。缓存是性能优化中简单高效的一种方式。它可以缩短请求资源的距离,减少延迟,降低网络负荷。浏览器在向服务器请求资源之前,先查询一下缓存中是否存在需要的资源,如果存在,那优先从缓存中读取。当缓存不存在或过期,再向服务器发送请求
转载
2024-02-19 07:07:32
38阅读
1.预读作为web服务器,Nginx要频繁地收发处理大量的数据,这些数据有时是连续的内存块,有时是多个分散内存块,甚至有时数据过大,内存无法存放,只能保存成磁盘文件。作为web服务器,Nginx要频繁地收发处理大量的数据,这些数据有时是连续的内存块,有时是多个分散内存块,甚至有时数据过大,内存无法存放,只能保存成磁盘文件。2..基本数据结构ngx_buf_t表示一个单块的缓冲区,既可以是内存也可以
转载
2024-08-01 12:12:32
42阅读
使用nginx和jdk部署halo2.0(包含console前端)前言1、准备open-jdk17、Node.js 18、Gradle7.41.1 下载 [open-jdk17](https://www.oracle.com/java/technologies/downloads/#java17).1.2 下载[Node.js 18](https://nodejs.org/en/download
目录1. 什么是缓存2. 什么是Web缓存3. 浏览器缓存的优点4. 浏览器缓存的执行流程5. 浏览器缓存相关指令参考文献 1. 什么是缓存 缓存(cache),原始意义是指访问速度比一般随机存取存储器(RAM)快的一种高速存储器,通常它不像系统主存那样使用 DRAM 技术,而使用昂贵但较快速的 SRAM 技术。缓存的设置是所有现代计算机系统发挥高性能的重要因素之一。2. 什么是Web缓存
在前端项目体验中最直观的就是网页的浏览速度,所以项目开发中在速度方面的优化最主要的就是缓存了,前端的缓存知识比较杂,我在学习中慢慢总结了这么多,今天来分享下。什么是缓存?缓存就相当于是对资源的一种副本实现,不管是在客户端还是在服务端存储着,用相同的URL进行请求,直接从副本中请求资源而不再访问源服务器。为什么要使用缓存?提高访问速度:缓存相对服务端离用户更近,所以在请求过程中从缓存中取内容比在源服
转载
2024-09-18 11:23:43
55阅读