nginx 快取JS一小時,請問如何更新快取?
天蓬老师
天蓬老师 2017-05-16 17:24:48
0
8
791

nginx 快取 JS一小時,如下

    location ~ .*\.(js|css)?$ {
        expires      1h;
    }

OK,這是沒有問題的,我要暫時刷新緩存,大不了加個後綴即可,例如:abc.js?v=123

那現在我線上調試好了,我想去掉後綴了,將abc.js?v=123還原到abc.js,但這個時候還被緩存中,請問怎麼破?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回覆(8)
習慣沉默

你上面的規則只是在 header 中加上一條過期規則
告訴瀏覽器,這個東西1小時候到期
並不是nginx快取了

黄舟

這個快取是指你瀏覽器(客戶端,非nginx)緩存,一般情況下,Ctrl+R強制刷新就會去掉快取。
或者清除你的瀏覽器快取就OK了。

过去多啦不再A梦
  1. 保留後綴
  2. 修改檔名
漂亮男人

不是用一個purge清理模組嗎?

仅有的幸福

grunt-rev

Use the rev task together with yeoman/grunt-usemin for cache busting of static files in your app. This allows them to be cached forever by the browser.

如此nginx的header設定永不過期即可。

刘奇

用東半球最好的前端解決方案-fis,有一套專門的解決方案。
fis

仅有的幸福

http://labs.frickle.com/nginx_ngx_cache_purge/README

http {
    proxy_cache_path  /tmp/cache  keys_zone=tmpcache:10m;

    server {
        location / {
            proxy_pass         http://127.0.0.1:8000;
            proxy_cache        tmpcache;
            proxy_cache_key    $uri$is_args$args;
        }

        location ~ /purge(/.*) {
            allow              127.0.0.1;
            deny               all;
            proxy_cache_purge  tmpcache $is_args$args;
        }
    }
}

存取127.0.0.1/purge/abc.js即可刪除快取的檔案。
configure時加上參數--add-module=/path/to/ngx_cache_purge即可加入這個第三方purge模組。

过去多啦不再A梦

類似於expires max-age e-tag這些頭部資訊是給前端瀏覽器用的快取頭,比如說你剛才設定的expires 一小時,那麼瀏覽器就會在請求完成後一小時後,每次請求這個檔案時都不會再和伺服器進行通信,而是每次都是使用本地的快取檔案。在這一小時內,只有瀏覽器清除快取或在開發者工具中禁用快取才能在和伺服器之間通信,否則在這個一個小時內,伺服器上的這個檔案做任何改動,都對瀏覽器沒有任何影響。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!