今天更新了一个用Nginx做反向代理的vue做前端的web应该。
发现更新完vue页面之后，重启nginx或者nginx重新加载，静态页面也没有更新过来

旧的Nginx配置

这样配置更新静态页面是有问题的

#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       80;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   D:/police/terminal-client; index  index.html index.htm;}location /api/ {proxy_pass      http://localhost:8888/;proxy_redirect  off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}}
}

解决方法

Nginx配置nginx.conf 设置sendfile为off（默认为on）
重启Nginx
右键点击Chrome浏览器刷新健选择“清空缓存并硬性重新加载”（对于Chrome浏览器这一步很关键，普通刷新也不会生效。其他浏览器如火狐，普通刷新就行）

改后Nginx配置

增加下面这货
http{
sendfile off;
}

#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        off;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       80;server_name  localhost;#charset koi8-r;#access_log  logs/host.access.log  main;location / {root   D:/police/terminal-client; index  index.html index.htm;}location /api/ {proxy_pass      http://localhost:8888/;proxy_redirect  off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}}
}

Nginx sendfile配置

sendfile: 设置为on表示启动高效传输文件的模式。sendfile可以让Nginx在传输文件时直接在磁盘和tcp socket之间传输数据。如果这个参数不开启，会先在用户空间（Nginx进程空间）申请一个buffer，用read函数把数据从磁盘读到cache，再从cache读取到用户空间的buffer，再用write函数把数据从用户空间的buffer写入到内核的buffer，最后到tcp socket。开启这个参数后可以让数据不用经过用户buffer。

Nginx 更新静态页面不生效相关推荐

成功解决 Nginx更新静态资源无效，Nginx静态资源更新不及时，Nginx清除缓存
文章目录问题描述问题解决问题复现正常情况问题描述使用 nginx做动静分离,在将服务器中的静态资源修改后,访问页面,发现页面没有及时更新. 问题解决我这里是清除了浏览器缓存. 有关ngi ...
通过Nginx访问静态页面
通过Nginx访问静态页面转载请标明出处^_^ 原文首发于:www.zhangruibin.com 本文出自于:RebornChang的博客 nginx的用途处理静态文件,索引文件以及自动索引:打 ...
前后端分离项目nginx搭建静态页面服务器cors做后台跨域接收前台请求
自己在闲暇时间里,无聊的我试着做了一个前后台分离的入门demo.在编写代码前通过查询百度,csdn,博学谷等做了一些准备工作,具体还只是做到前台发送的请求能顺利的发送到后端,时间仓促做的也有不足之处, ...
Nginx设置静态页面压缩和缓存过期时间的方法（转）
使用nginx服务器的朋友可能都知道需要设置html静态页面缓存与页面压缩与过期时间的设置了,下面我来给各位同学介绍一下配置方法,包括对ico,gif,bmp,jpg,jpeg,swf,js,css, ...
docker 安装git_docker随手笔记第十二节 jenkins+docker+nginx+纯静态页面配置
docker随手笔记第一节 docker概念及安装 docker随手笔记第二节 docker常用命令解析 docker随手笔记第三节 docker构建java镜像 docker随手笔记第四节 dock ...
docker nginx配置_docker随手笔记第十二节 jenkins+docker+nginx+纯静态页面配置
docker随手笔记第一节 docker概念及安装 docker随手笔记第二节 docker常用命令解析 docker随手笔记第三节 docker构建java镜像 docker随手笔记第四节 dock ...
Nginx更新文件后不生效
问题描述 Nginx更新网站文件后,重启Nginx发现静态部分没有更新,动态加载的内容已经更新了解决检查配置文件中看有没有类似 proxy_cache_path 的配置如果有就删除proxy_c ...
nginx搭建静态页面网站
网站服务主机配置文件 server配置信息为了方便看到的默认信息,先进行过滤注释和空行 grep -Ev "#|^$" default.conf.bak >default. ...
Nginx部署静态页面及引用图片有效访问的两种方式
nginx安装百度一下有很多,直接正题: 静态文件目录结构 file#文件位置 /home/service/file/ css js images html fonts 配置nginx.conf核心代 ...

Nginx 更新静态页面不生效

旧的Nginx配置

解决方法

改后Nginx配置

Nginx sendfile配置

Nginx 更新静态页面不生效相关推荐

最新文章

热门文章

Nginx 更新静态页面 不生效

旧的Nginx配置

解决方法

改后Nginx配置

Nginx sendfile配置

Nginx 更新静态页面 不生效相关推荐

最新文章

热门文章

Nginx 更新静态页面不生效

Nginx 更新静态页面不生效相关推荐