我最近向一个网站推送了一个重大更新,但我遇到了一个问题,有些人无法登录,因为他们的浏览器正在加载旧的javascript 文件。我做过的一些事情包括:
- 缓存破坏所有 javascript 文件
sendfile off
在 nginx.conf 中设置expires 1s
在 mysite.conf 中设置- 显式设置 Cache-Control 标头:
add_header Cache-Control no-cache;
下面是我的 nginx 配置文件。任何帮助将非常感激。
/etc/nginx/sites-enabled/mysite.conf
proxy_cache_path /var/cache/nginx levels=1:2 keys_zone=one:8m max_size=3000m inactive=600m;
server {
listen 80;
server_name mysite.com;
return 301 https://www.mysite.com$request_uri;
}
server {
# listen for connections on all hostname/IP and at TCP port 80
listen *:80;
# name-based virtual hosting
server_name www.mysite.com;
# location of the web root for all static files (this should be changed for local development)
root /var/mysite.com/static;
# redirect http requests to https
if ($http_x_forwarded_proto = "http") {
rewrite ^/(.*)$ https://www.mysite.com/$1 permanent;
}
# error pages
error_page 403 /errors/403.html;
error_page 404 /errors/404.html;
error_page 408 /errors/408.html;
error_page 500 502 503 504 /errors/500.html;
# error and access out
error_log /var/log/nginx/error.mysite.log;
access_log /var/log/nginx/access.mysite.log;
# use Nginx's gzip static module
gzip_static on;
gzip_types application/x-javascript text/css;
location / {
# redefine and add some request header lines which will be passed along to the node server
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $http_host;
proxy_set_header X-NginX-Proxy true;
proxy_set_header X-Forwarded-Proto $scheme;
# set the address of the node proxied server
proxy_pass http://127.0.0.1:9001;
# forbid all proxy_redirect directives at this level
proxy_redirect off;
}
# do a regular expression match for any files ending in the list of extensions
location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|xml|html|htm)$ {
# clear all access_log directives for the current level
access_log off;
add_header Cache-Control no-cache;
# set the Expires header to 31 December 2037 23:59:59 GMT, and the Cache-Control max-age to 10 years
expires 1s;
}
}
/etc/nginx/nginx.conf
user www-data;
worker_processes 4;
pid /var/run/nginx.pid;
events {
worker_connections 768;
# multi_accept on;
}
http {
##
# Basic Settings
##
sendfile off;
tcp_nopush off;
tcp_nodelay off;
keepalive_timeout 65;
types_hash_max_size 2048;
# server_tokens off;
# server_names_hash_bucket_size 64;
# server_name_in_redirect off;
include /etc/nginx/mime.types;
default_type application/octet-stream;
##
# Logging Settings
##
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
##
# Gzip Settings
##
gzip on;
gzip_disable "msie6";
include /etc/nginx/conf.d/*.conf;
include /etc/nginx/sites-enabled/*;
}
您是否尝试过手动删除缓存中的所有内容?这通常是
/var/cache/nginx
.我相信
add_header Cache-Control no-cache;
设置应该可以防止东西被缓存,但也许你在设置之前已经缓存了一些东西?在位置块内设置
expires -1;
实际上将完全禁用缓存。您忽略了读者浏览器的缓存。除非您更改对象的名称(例如,在 .js 中添加版本号),或者对象是使用 ETag 或修改日期发送的,否则浏览器可能会认为他的对象版本在几个decennia,永远不要咨询您的服务器。
面临同样的问题。如果您使用 cloudflare 进行 DDOS 保护(如果没有,请执行)然后启用
为了禁用所有 CSS 和 JS 文件的缓存,我使用了这个片段:
它与问题本身不太相关,但可能会为您节省几个小时。
我遇到了同样的问题,在尝试了这个问题中提到的每个解决方案、答案和其他类似问题之后,我检查了我的 Cloudfare 控制面板并在那里找到了“缓存”部分。事实证明,Cloudfare 已经缓存了我的主 css 文件,并且无论返回缓存版本而不是新版本(甚至通过 wget)。
因此,如果您使用 Cloudfare 为您的网站提供服务并遇到此问题:
您的客户端很可能有一个缓存版本,并且他们不检查它们是否在您的服务器上被修改。所以你需要修复你的缓存设置,然后你可以将它们移动到不同的文件夹。例如。如果您将 /styles/*.css 移动到 /css/ ,并且所有从脚本到 /js/ 的 js 文件,他们的浏览器将不得不重新获取资源。