1、缓存相关知识 使用缓存为了减少后端的压力，让请求集中到前端就能取到数据。缓存可以分为服务端缓存（redis等）、代理缓存（Nginx等）、浏览器缓存（浏览器自带）。本文说一下Nginx缓存。 Nginx代理缓存流程：首先客户端先去请求Nginx，第一次请求的时候，如果Nginx本地没有缓存，那么他会向服务器发起请求对应的数据数据，然后服务器返回对应的数据，Nginx本地进行缓存，然后返
转载
2024-03-01 14:34:20
96阅读
在开发调试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缓存前端静态资源的科普文章！在本文中，我将向您介绍整个流程，并给出具体的步骤以及代码示例。让我们开始吧！
### 整体流程
要实现Nginx缓存前端静态资源，我们需要按照以下步骤进行操作：
| 步骤 | 描述 |
| ---- | ---- |
| 1 | 配置Nginx |
| 2 | 设置缓存规则 |
| 3 |
原创
2024-05-06 11:08:17
237阅读
web缓存位于内容源Web服务器和客户端之间,当用户访问一个URL时,Web缓存服务器会去后端Web源服务器取回要输出的内容,然后,当下一个请求到来时,如果访问的是相同的URL，Web缓存服务器直接输出内容给客户端,而不是向源服务器再次发送请求.Web缓存降低了内容源Web服务器,数据库的负载,减少了网络延迟,提高了用户访问的响应速度,增强了用户体验. Nginx的Web缓存服务主要由p
转载
2024-04-29 11:57:59
421阅读
1 简介前端缓存主要是分为HTTP缓存（强缓存、协商缓存）和浏览器缓存。 其中HTTP缓存是在HTTP请求传输时用到的缓存，主要在服务器上设置；而浏览器缓存主要在前端js进行设置。缓存是性能优化中简单高效的一种方式。它可以缩短请求资源的距离，减少延迟，降低网络负荷。浏览器在向服务器请求资源之前，先查询一下缓存中是否存在需要的资源，如果存在，那优先从缓存中读取。当缓存不存在或过期，再向服务器发送请求
转载
2024-02-19 07:07:32
38阅读
需求在开发vue的项目中有遇到了这样一个需求：一个视频列表页面，展示视频名称和是否收藏，点击进去某一项观看，可以收藏或者取消收藏，返回的时候需要记住列表页面的页码等状态，同时这条视频的收藏状态也需要更新, 但是从其他页面进来视频列表页面的时候不缓存这个页面，也就是进入的时候是视频列表页面的第一页 一句话总结一下： pageAList->pageADetail->pageAList,
转载
2024-06-13 14:58:41
1397阅读
这一篇记录一下Nginx压缩缓存相关的指令，各位看到此博客的小伙伴，如有不对的地方请及时通过私信我或者评论此博客的方式指出，以免误人子弟。多谢！目录优化sendfiletcp_nopushtcp_nodelay压缩体验示例相关配置gzipgzip_typesgzip_comp_levelgzip_varygzip_buffersgzip_disablegzip_http_versiongzip_mi
转载
2024-02-24 09:19:58
71阅读
前言：实验环境：我们前三章搭建好的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阅读
Nginx缓存简介对于一个含有大量内容的网站来说，随着访问量的增多，对于经常被用户访问的内容，若每一次都要到后端服务器中获取，会给服务器带来巨大压力，为此，利用反向代理服务器对访问频率较多的内容进行缓存，有利于节省后端服务器的资源。Nginx提供了两种Web缓存方式，一种是永久性缓存，另一种是临时性缓存。Web缓存服务器位于内容源Web服务器和客户端之间，当客户端用户访问一个URL时，Web缓存服
转载
2024-02-19 10:43:15
124阅读
nginx 缓存策略nginx 缓存策略1、 传统缓存策略2、 高效缓存 nginx 缓存策略这里介绍两种策略：1、 传统缓存策略： client -> nginx -> fastcgi_pass -> php-fpm:9000 -> memcache -> memcached:11211缺点：传统缓存策略难以体现 nginx 高并发的特点，因为当 nginx 缓存
转载
2024-03-04 12:36:31
480阅读
Nginx的静态缓存如果利用好，可以极大提高网站的QPS。 缓存案例首先看一个电商页面：这是一个经典的电商商品页面，上面包含了大量的信息，如果每次都去查这些信息，可以想象响应时间会有多久。可以简单列举一下商品也依赖的数据：商品详情页HTML页面渲染价格服务促销服务库存状态/配送至服务广告词服务预售/秒杀服务评价服务试用服务推荐服务商品介绍服务各品类相关的一些特殊服务等待 如果想
转载
2024-03-08 18:57:02
147阅读
友情提示： 缓存模块是在动静分离的环境基础上搭建 介绍提高网站响应速度是web应用不容忽视的目标，在之前动静分离的基础上，我们已经降低了后端服务器压力，提高了处理请求的性能，但是用户请求的静态资源是从硬盘读取，相比内存的性能还有很大的提高；Nginx自带的缓存模块可以把静态资源缓存到内存中，提高了用户请求静态资源的速度，并且nginx自带缓存模块配置简单，使用灵活，搭配第三方
转载
2024-04-12 05:59:03
270阅读
###一、静态资源WEB服务非服务器动态运行生成的文件配置语法-文件读取Synatax: sendfile on| off
Default: sendfile off;
Context: http,server,location,if in location
复制代码配置语法-tcp_noposh（sendfile开启时，提高网络传输效率）Syntax: tcp_nopush on|off;
De
转载
2024-06-03 09:53:22
124阅读
nginx的一大功能就是完成静态资源的分离部署，减轻后端服务器的压力，如果给这些静态资源再加一级nginx的缓存，可以进一步提升访问效率。第一步：添加nginx.conf的http级别的缓存配置 ##cache##
proxy_connect_timeout 500;
#跟后端服务器连接的超时时间_发起握手等候响应超时时间
proxy_read_timeout 600;
转载
2024-02-03 17:51:55
592阅读
环境：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的时候，经常会碰到因浏览器缓存(cache)而经常要去清空缓存或者强制刷新来测试的烦恼，提供下apache不缓存配置和nginx不缓存配置的设置。在常用的缓存设置里面有两种方式，都是使用add_header来设置：分别为Cache-Control和Pragma。 对于站点中不经常修改
转载
2017-09-30 09:46:00
449阅读
2评论
目录介绍更新内容将 HTTP 请求重定向到 HTTPS为纯路径 URI 提供可配置的文件名完整的更新日志其他平台更新介绍Nginx Unit 是一个动态应用服务器，能够与 Nginx Plus 和 Nginx 开源版并行或独立运行。Nginx Unit 支持 RESTful JSON API，可以在不中断服务的情况下更改配置，并可运行基于多种语言和架构的应用。Nginx Unit 生来就是为满足分
