nginx 设置浏览器不缓存文件 每次都会从服务器 请求新的文件
办理标题实用于实时更新数据的，网页
可以让用户每次都是重新请求，新的index.html
防止过期文件，影响用户体验
有时候更新了js 文件 ，但是用户的浏览器则不会立即更新js文件的缓存
从而造成用户体验不佳
长处，每次都能打开最新的页面
缺点 ，会增加服务器负荷
方法
要在 Nginx 中禁用缓存，你需要在相关的 location 设置中添加禁用缓存的指令。通常你可以使用 Cache-Control 和 Pragma 头来达到这个目标。
以下是如何在 Nginx 中禁用缓存的示例设置：
server {
# ... 其他配置 ...
location / {
add_header Cache-Control "no-cache, no-store, must-revalidate";
add_header Pragma "no-cache";
add_header Expires "0";
# ... 其他配置 ...
}
}
阐明
在这个示例中，我们在根路径的 location 设置中添加了三个头信息：
Cache-Control: no-cache - 表示不缓存
Cache-Control: no-store - 表示不存储缓存
Cache-Control: must-revalidate - 表示客户端必须验证资源是否过期
Pragma 头通常用于向旧版本的 HTTP/1.0 客户端发送指令。添加 “no-cache” 值会防止缓存文件。
Expires 头的值设置为 “0” 表示资源已颠末期。
通过这些设置，Nginx 会指示浏览器不要缓存这些文件，而是每次都向服务器发起请求获取最新的内容。完成设置后，记得重新加载 Nginx 以使设置生效。
希望对各人有所资助
测试
预备一个情况
html情况
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>写入句子示例</title>
</head>
<body>
<div id="sentence"></div>
<!-- 这里引入了一个js 文件 -->
<script src='./index.js'></script>
</body>
</html>
js
document.getElementById("sentence").innerHTML = "这是一句话。";
情况
实验浏览器 谷歌
第一步
设置好js 之后
打开页面
https://i-blog.csdnimg.cn/blog_migrate/06e59a1bb834b1978e15ad7224877bc8.png
可以看到 js 已经生效了
https://i-blog.csdnimg.cn/blog_migrate/8f2bf0f7602aef686604fe7f8c4ab479.png
然后修改内容 打开带有js缓存的页面
再这里对js 文件进行修改
https://i-blog.csdnimg.cn/blog_migrate/ff3f8fadb78fe491884c508a2d13b58f.png
https://i-blog.csdnimg.cn/blog_migrate/767b13435431173fa074e7b31b0fb3b5.png
如果时间短的话则不会重新加载index.js
文件
以是这里没有刷新
强制刷新
当我使用 强制刷新大概清理缓存之后 再打开 就已经修改了
https://i-blog.csdnimg.cn/blog_migrate/a5dc1fad826b532b25ed338edcfdbf47.png
设置nginx 每次打开页面都会重新请求index.js 文件
在域名 的nginx设置文件中添加如下代码即可
https://i-blog.csdnimg.cn/blog_migrate/ddd0cfc477455272690fe844cad3bad7.png
重启nginx
# 检查nginx 配置是否正常
nginx -t
# 重启nginx
nginx -s reload
https://i-blog.csdnimg.cn/blog_migrate/0de5321febf9369aee990f016db623c1.png
https://i-blog.csdnimg.cn/blog_migrate/70d5eba937c28c72808964ba04274b7b.png
再次修改index.js
https://i-blog.csdnimg.cn/blog_migrate/a1816389f5e779d1330669cf14356dee.png
https://i-blog.csdnimg.cn/blog_migrate/24e9adea10ba593adeae0a3cdc6f5b3a.png
可以看到 访问到的就是我们修改的内容没有重新请求
https://i-blog.csdnimg.cn/blog_migrate/93a675e929c0783c07e7e458615c91d9.png
再次修改
https://i-blog.csdnimg.cn/blog_migrate/69ddb8b9a15be44c68125f3562aae4e4.png
也是请求了新的js 没有使用缓存js
https://i-blog.csdnimg.cn/blog_migrate/ba388ec1ca6f190d9c12ee4e85d3ace1.png
总结
修改之前 需要全局刷新，才会重新请求index.js 文件
修改之后，不用全局刷新 ，就可以重新请求到最新的 index.js
设置为全局
http {
# ... 其他配置 ...
map $http_host $cache_control_header {
default "no-cache, no-store, must-revalidate";
}
map $http_host $pragma_header {
default "no-cache";
}
map $http_host $expires_header {
default "0";
}
server {
# ... 其他配置 ...
location / {
add_header Cache-Control $cache_control_header;
add_header Pragma $pragma_header;
add_header Expires $expires_header;
# ... 其他配置 ...
}
}
# ... 可能还有其他 server 块 ...
}
https://i-blog.csdnimg.cn/blog_migrate/ff91a96ba7fcc96874f6d4d15a186abc.png
本章完结
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]