站長資訊網
        最全最豐富的資訊網站

        淺析Vue中入口緩存的問題(代碼分享)

        之前的文章《你值得了解的HTTP緩存機制(代碼詳解)》中,給大家了解了HTTP緩存機制。下面本篇文章給大家了解Vue中入口緩存的問題,伙伴們來看看吧。

        淺析Vue中入口緩存的問題(代碼分享)

        關于web的緩存策略,推薦這篇文章:Http緩存機制

        在開發時候經常遇到一個問題,我們根據版本號去控制緩存問題,當我們發布新版本,使用心得版本號的時候,發現html里面引用的版本號卻是舊的版本號 ,原來是該html文件被緩存了,很多時候我們設置禁止html文件被緩存,但依然會出現被緩存的情況。

        <meta http-equiv="Expires" content="0" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-control" content="no-cache" /> <meta http-equiv="Cache" content="no-cache" />

        為什么我們有時候設置了<meta http-equiv=”Cache-control”content=”no-store”>這種強制性禁止緩存,我們的頁面依然被緩存了?

        因為我們只關注了客戶端,卻忽略了服務器端的設置,如果服務器端nginx設置了Cache-control,他是會覆蓋掉我們頁面中設置的的Cache-control的,所以有時候我們會發現明明cssjs已經加了版本號,但是html文件里面引用的依然是舊的cssjs文件

        一旦我們使用了全量更新,也就是每次發版本之前會干掉之前的jscss文件,那么index.html會無法加載之前的jscss還有一些其他的靜態資源文件,而新的jscss則不會被加載, 那么白屏就誕生了。

        因為服務器的緩存機制,舊的cssjs并不會被立即刪除,這種情況下, 需要配合服務器來設置緩存,以nginx為例

        location / {     root /home/www/test/dist;     index index.html;     try_files $uri $uri/ /index.html;     add_header Last-Modified $date_gmt;     add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';     if_modified_since off;     expires off;     etag off; }

        no-cache,no-store可以只設置一個

        no-cache瀏覽器會緩存,但刷新頁面或者重新打開時會請求服務器,服務器可以響應304,如果文件有改動就會響應200

        no-store瀏覽器不緩存,刷新頁面需要重新下載頁

        推薦學習:vue.js教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 97精品国产福利一区二区三区| 欧美精品国产一区二区| 国产精品毛片一区二区三区| 国产综合色产在线精品| 久久精品国产99国产精品澳门 | 精品国产午夜理论片不卡| 久久久久99精品成人片| 国产高清在线精品一本大道| 精品国产91久久久久久久| 国产精品精品自在线拍| 亚洲AV永久纯肉无码精品动漫| 免费精品精品国产欧美在线欧美高清免费一级在线 | 精品国产香蕉伊思人在线在线亚洲一区二区| 国产一区二区精品| 99精品久久精品一区二区| 国产成人精品手机在线观看| 亚洲国产精品特色大片观看完整版| 麻豆精品| 女人高潮内射99精品| 国语自产精品视频| 国产人成精品综合欧美成人| 国产vA免费精品高清在线观看| 久久精品国产免费一区| 国产精品999| 国产亚洲精品va在线| 精品免费视在线观看| 免费精品99久久国产综合精品 | 国产精品久久久久久吹潮| 久久99国产综合精品女同| 无码欧精品亚洲日韩一区| 亚洲欧美日韩国产精品影院| 尤物国精品午夜福利视频| 中文精品久久久久人妻| 亚洲高清国产拍精品青青草原| 欧美日韩国产精品系列| 日韩欧美国产精品第一页不卡 | 成人免费精品网站在线观看影片| 国产99视频精品专区| 国产欧美精品一区二区色综合| 精品无码久久久久久国产| 久久精品一区二区三区中文字幕|