nginx缓存的静态资源如何更新

2024-11-04

Nginx针对前端静态资源的缓存处理

当用户上报一个线上的bug后,开发者修改前端代码的bug上新后,用户反映问题依旧存在的问题...这种情况是不是曾经遇到过,这个问题跟浏览器的缓存机制有很大关系(强制缓存和协商缓存,这里我就不介绍具体的缓存机制了,网上资料一搜一大把,并且讲的很详细),这里我来说下我们是如何解决这个问题的... 最简单粗暴的办法就是禁止强制缓存,我们本地开发的时候经常打开chrome这个功能,启用方法如下,这样我们每次刷新页面都是最新的代码,浏览器不会缓存任何静态资源(不知道这么说是不是真的合理...) 当然这种方

前端遇上Go: 静态资源增量更新的新实践

前端遇上Go: 静态资源增量更新的新实践https://mp.weixin.qq.com/s/hCqQW1F8FngPPGZAisAWUg 前端遇上Go: 静态资源增量更新的新实践原创: 洋河美团技术团队前天总第259篇 2018年第51篇为什么要做增量更新美团金融的业务在过去的一段时间里发展非常快速.在业务增长的同时,我们也注意到,很多用户的支付环境,其实是在弱网环境中的. 大家知道,前端能够服务用户的前提是 JavaScript 和 CSS 等静态资源能够正确加载.如果网络环境

前后端分离+本地服务实时刷新+缓存管理+接口proxy+静态资源增量更新+各种性能优化+上线运维发布——gulp工作流搭建

技巧集:http://www.gulpjs.com.cn/docs/recipes/ 其实无非就是利用各种gulp插件.node脚本对项目文件做各种IO操作,只是备忘,需要的话,还是自己重新写最合适. 1. 一个justwork的多页应用工作流毛病:如果需要task之间的同步依赖关系,那么上一个task function里面需要有return:各个task的依赖,应该用gulpSequence做拉平. var gulp = require('gulp'), sass = require('gu

Nginx+Tomcat动静态资源分离

1 创建用户.用户组 useradd -g users www passwd www //设置密码,否则该用户不可用 groupadd -g 888 www //创建用户组 gpasswd -a www www //将用户www加入用户组www 2 下载nginx.pcre(正则使用) wget http://blog.s135.com/soft/linux/nginx_php/nginx/nginx-0.8.46.tar.gz wget http://blog.s135.com/soft/li

SpringMVC的缓存对静态资源的影响 304 Not Modified

我们知道在springmvc的配置中,可以添加缓存,但是缓存到底对静态资源有什么影响? 测试没有添加缓存 <mvc:resources mapping="/image/**" location="/WEB-INF/"/> 添加了缓存 <mvc:resources mapping="/image/**" location="/WEB-INF/" cache-period="2592000"

windows安装nginx并存放静态资源

1.将nginx-windows.zip下载下来,然后点击nginx.exe 如果一闪而过并且打开网页输入localhost显示无法访问,打开error.log文件:No mapping for the Unicode character exists in the target multi-byte code page 说明路径含有中文,存在在不含中文的路径即可. 2.在该目录下新建一个test.html,输入任意内容即可然后访问localhost/test.html: 这就相当于把静态资源

nginx 配置处理静态资源

前言:在一些中大型的网站中,都会专门配置一个处理静态资源的服务,下面我们来用NGINX实战配置下配置静态资源的目的是为了加速静态资源的访问速度比较简单,下面直接上配置了以上就是文章内容的全部了

如何清楚微信页面的缓存（静态资源（图片，js，页面））

就不说啥子原因了,反正就是微信的缓存问题,照着下面的做法做,一定ok了. 不过就是有些麻烦,但是微信的缓存是为了提高自身的性能,我们这些开发要用人家的平台,只有自己去填坑了. 直接贴代码好了,加上去就是了 <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" conte

linux服务器上如何使用nginx访问本地静态资源

查看80端口是否被占用,一般80端口多被apache服务占用. netstat -anp|grep 80 2.修改apache服务的端口号 vim /etc/apache2/ports.conf 3.将端口号修改为8080 4.修改nginx服务配置 vim /etc/nginx/conf.d/nginx.conf 5.重启nginx服务 service nginx restart 6.页面尝试访问本地资源 7.访问成功! 问题解决!

压力测试工具ab及centos下单独安装方法 nginx和tomcat静态资源的性能测试

Apache安装包中自带的压力测试工具Apache Benchmark(简称ab)简单易用,这里采用ab作为压国测试工具. 独立安装: ab运行需要信赖apr-util包: # yum install apr-util 安装信赖yum-utils中的yumdownload工具如果没有找到yumdownload # yum install yum-utils 安装完成执行以下指令 [root@localhost opt]# cd /opt/ [root@localhost opt]# mkdir

Nginx 配置访问静态资源

做个简单的配置: 以txt/png/mp4结尾的请求都会按照如下规则寻找返回文件关键词: location.root location ~ \.(mp4|png|txt) { root /usr/local/tomcat9/webapps/scm; autoindex on; } 主义root代表的是替换请求URL中域名的值,如请求的URL为 https:www.xxx.com/fs/edsfsf.png,nginx会将域名替换为root值去找文件,这个时候文件在系统中的路径是 : /usr/

Nginx作为web静态资源服务器——跨域访问

跨站访问为什么浏览器禁止跨域访问 Nginx跨站访问 Syntax:add_header name value [always]; Default:—— Context:http,server,location,if in location Access-Control-Allow-Origin # 通过header判断是否可以跨站访问演示创建一个html文件 vi /opt/app/code/test_oringin.html <html lang="en"

Nginx作为web静态资源服务器——防盗链

基于http_refer防盗链配置模块 Syntax:valid_referers none | blocked | server_names | string ...; Default:—— Context:server,location HTTP Referer是header的一部分,当浏览器向web服务器发送请求的时候,一般会带上Referer,告诉服务器我是从哪个页面链接过来的,服务器籍此可以获得一些信息用于处理.比如从我主页上链接到一个朋友那里,他的服务器就能够从HTTP Refe

循序渐进nginx(二)：反向代理、负载均衡、缓存服务、静态资源访问

目录反向代理使用 1.创建代理目标服务端: 2.配置nginx反向代理目标服务端: 3.测试使用: 负载均衡使用 1.准备服务端 2.修改nginx配置 3.测试负载均衡策略负载均衡的额外参数缓存服务代理缓存语法介绍使用例子代理缓存补充: 浏览器缓存测试静态资源访问前置知识章节: 1.介绍.安装.hello world.location匹配 2.反向代理.负载均衡.缓存服务.静态资源访问 3.日志管理.http限流.https配置,http_rewrite模块,第三方模

06 . Nginx静态资源缓存

Nginx静态资源 Nginx可以处理静态资源非Web服务器可以运行处理而生成的文件,即服务器只需要从硬盘或者缓存中读取然后直接给客户端响应即可. 常见的静态资源 # 浏览器渲染: html文件,样式表CSS,JS脚本--浏览器需要读取样式格式和脚本,然后去渲染的. # 图片文件: GIF.PNG.JPEG # 视频文件: MP4.FLV.AVI.MPEG # 其它文件: ISO.PDF.TXT.EXE Nginx作为网站服务器,如何高效的处理静态资源,就需要让nginx速度变快,可以从以下几

使用nginx缓存服务器上的静态文件

一.nginx缓存的优点如图所示,nginx缓存,可以在一定程度上,减少源服务器的处理请求压力. 因为静态文件(比如css,js, 图片)中,很多都是不经常更新的.nginx使用proxy_cache将用户的请求缓存到本地一个目录.下一个相同请求可以直接调取缓存文件,就不用去请求服务器了. 毕竟,IO密集型服务的处理是nginx的强项. 二.如何进行设置先上个栗子: http{ proxy_connect_timeout 10; proxy_read_timeout 180; proxy_s

nginx常用配置系列-静态资源处理

接上篇,nginx处理静态资源的能力很强,后端服务器其实也可以处理静态资源,比如tomcat,但把非业务类的单一数据交给后端处理显然效率比较低,还有一种场景是多个站点公用一套资源集时,通过nginx可以建立静态资源服务器,达到高效处理静态资源,下面直接看nginx如何处理静态资源: server { listen 80; server_name example.com; index index.html index.htm index.php index.do; #站点根目录 root /hom

tips 前端阻止浏览器缓存静态资源

手机浏览器 uc上一直表现良好 qq浏览器还有微信上网址直接打开的(一样采用qq浏览器的内核) 大量缓存了静态资源 css js 图片等这些当出现改动了刷新网页根本没有效果电脑端浏览器没有问题因为部分手机端浏览器总会出于省流量性能等因素缓存静态资源本来没有什么问题不过这会给开发带来困扰不适合调试如果只是这样还好可是还是会对生产环境造成一定影响比如当服务器端的css文件内内容有了改动手机端浏览器却一直没有释放缓存就会造成一些页面上出现明显的问题所以给css js jpg swf

linux使用Nginx搭建静态资源服务器

最近公司需要做一个宣传片播放视频有点大好几百M 就想到使用Nginx来代理静态资源,在过程中出现了一些问题,比如端口没开.访问是403等,没有成功,后面慢慢查找问题,才发现大部分博客资料的都不全,所以在这里记录一下. 安装过程本文就不提了网上都有很多本文主要说明 nginx.conf 的配置如下: 进入编辑nginx.conf 文件输入密码配置nginx.conf 上传文件到配置的路径在网页地址栏输入对应的地址如果出现 nginx静态资源文件无法访问,403 forbidde

Nginx详解十：Nginx场景实践篇之Nginx静态资源场景配置

一.静态资源WEB服务 1.静态资源类型:非服务器动态运行生成的文件 2.静态资源服务场景-CDN 假设静态资源存储中心在云南,用户在北京去请求一个文件,那么就会造成一个传输的延时,而如果Nginx同一把静态资源提前分发给各地区的代理,而各地区的用户直接访问本地区代理的静态资源,延时就会非常小,可以忽略不计这里为了方便区分,把之前的auth_mod.conf 配置名改为static_server.conf 3.配置语法 : - 文件读取(除了sendfile方式外,Nginx还有--with-

nginx缓存的静态资源如何更新

热门专题