nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面

location / {expires 1h;root /home/test/vue/dist/;index index.html index.htm;if ($request_filename ~* .*\.(htm|html)$)  ## 配置页面不缓存{add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";}}

当nginx设置了expires后,例如设置为:expires 10d; 那么,所在的location或if的内容,用户在10天内请求的时候,都只会访问浏览器中的缓存,而不会去请求nginx

配置HTML文件不缓存后，每次更新项目，会重新请求页面，前端打包后，在打包工具会自动在文件名上加时间戳、哈希值，这样一发新版时，只要客户端请求了新版的html，里面引用的js/css/jpg等都已经换了路径，也就不会在使用缓存了。

以上nginx配置在实际操作的过程中表现：

1、当用户在系统当中，这时项目发版，用户不会拿到js校验，不去渲染页面相关的改动。比如说：前端只改了js的校验问题，和不会引起整个页面重绘的更改（如：input加一个placeholder），这种情况当用户在系统当中，项目发版后，不刷新页面，用户就拿不到最新更改后的版本。

2、当关闭浏览器，重新打开浏览器登录；用户可以拿到最新更改后的版本。

3、当用户退出登录再次登录时，用户可以拿到最新更改后的版本。

nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面相关推荐

nginx 部署前端vue项目dist文件
nginx 部署前端页面 server {listen 8082; server_name localhost;location / {root /usr/local/dist; #前端页面地址ind ...
win10 nginx部署前端项目（静态资源服务器和HTML）
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
Nginx部署前端dist文件夹
Nginx部署前端dist文件夹 nginx部署dist包_墨寒ice的博客-CSDN博客_nginx dist nginx服务器部署dist文件夹 - 菜鸟学院 (noobyard.com) ngi ...
nginx 发布前端资源的缓存方案
nginx 发布前端资源的缓存方案前言对于前端开发者来说,最头疼的事情莫过于.当你兴冲冲的给项目打包以后,上传到 nginx 等静态资源服务器发布以后,自己本地验证没问题,以为万事大吉,结果测试人 ...
踩坑：云服务器Nginx部署前端遇到http与https问题
问题:nginx部署前端项目,修改配置文件路径后,页面一直无法加载css.js.img 解决:看了一堆博客都没有解决,最后是发现https访问的css.js等资源导致. 解决方案1::如果没理解错的话 ...
js 刷新页面但是不闪烁_前端开发还在手动刷新页面？手把手教你搭建一个自动刷新工具...
作为一名前端,开发web页面是我们的本职工作.在完成一个页面开发的过程中,保存代码然后手动刷新页面查看效果,这样的动作需要重复无数次,虽然一次这样的动作可能只要花费几秒钟的时间,但是次数多了也挺浪费时 ...
小程序和钉钉发版后老版缓存的问题调研
小程序发版后老版缓存方式 1. 小程序运行机制 (1)小程序启动小程序启动会有两种情况,一种是冷启动,一种是热启动. 热启动:假如用户已经打开过某小程序,然后在一定时间内再次打开该小程序,此时无需重 ...
简单Tomcat和Nginx部署前端项目
前言记录一下前端项目的部署,主要最近也在做这些事情. 一.tomcat部署前端这里我使用的事linux环境,windows下类似. 1.下载tomcat tomcat下载官网版本很多,下载常用的 ...
Docker利用Nginx部署前端项目
今天给大家分享的是Docker利用Nginx部署Vue等前端页面项目:其实是我工作刚好用到,顺便分享给大家O(∩_∩)O,那么话不多说直接开始. 一:准备文件我们先将前端项目打包好,放到此文件夹下, ...

nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面

nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面

2、当关闭浏览器，重新打开浏览器登录；用户可以拿到最新更改后的版本。

3、当用户退出登录再次登录时，用户可以拿到最新更改后的版本。

nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面相关推荐

最新文章

热门文章