nginx禁用移动端页面html缓存的配置

前言:移动端部署更新到Nginx后, 客户端如果之前已经下载过一次html文件, 那么如果客户端访问时, 移动端的html等代码文件并不会刷新, 需要用户强行退出客户端, 重新扫码登录或验证码登录之后, 再次访问移动端, 才有可能加载最新的静态文件。而这种让用户强行退出再次登录的方法,有时还不一定行。

为此, 就把移动端访问的静态文件的Html缓存禁用, 用户每次进来刷新页面的时候都不从浏览器缓存加载文件, 而是从服务器中请求。


1、重新打包移动端

重新打包移动端,重新把它部署到nginx中。 保证移动端的css文件等的修改日期被修改到, 如看响应头,保证Last-Modified被修改了。
在这里插入图片描述


2、nginx配置修改

nginx.conf中移动端的部分需要添加配置:

	add_header         Pragma   'no-cache';
	add_header         Expires  '0';
	add_header         Cache-Control 'no-cache,no-store,must-revalidate';

完整一点的配置参考:

location /bins-app {
           add_header         Pragma   'no-cache';
           add_header         Expires  '0';
           add_header         Cache-Control 'no-cache,no-store,must-revalidate';
           root bins-app;
           index  index.html index.htm;
           try_files $uri $uri/ /bins-app/index.html;
        }

另一种方式是,设置过期的时间, 如下:

location /bins-app {
           # 1分钟过期
           expires 1m;
           root bins-app;
           index  index.html index.htm;
           try_files $uri $uri/ /bins-app/index.html;
        }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值