前端單頁面應用緩存策略

在當前常用的單頁面頁面開發(fā)中。會將生產(chǎn)包發(fā)布為:固定名稱的html文件和帶hash的js、css文件

所以我們需要保證html必須每次都實時請求服務器,但是js和css文件可以強緩存在本地,減少請求加速顯示。

nginx配置如下:

  • /、/*.htm、/*.html文件配置協(xié)商緩存
  • **/*.js、/*.css文件配置強緩存 **
    location / {
        root   html;
        index  index.html index.htm;

        if ( $request_uri ~* /((.*)\.html?)?$ ) {
            add_header Cache-Control no-cache;
        }
        if ( $request_uri ~* /.*\.(js|css)$ ) {
            add_header Cache-Control max-age=86400;
        }
    }
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容