Vue打包檔案放在伺服器,瀏覽器存在快取問題的解決

2021-09-24 23:23:25 字數 344 閱讀 8171

vue打包檔案放在伺服器,瀏覽器存在快取問題的解決

因瀏覽器快取原因導致vue 打包的檔案 導致偶爾會出現不能即使更新最新**。因此在打包的檔名中新增乙個版本號以便瀏覽器能區分。

解決方法:找到webpack .prod.conf.js

1.定義版本變數: const version = new date().gettime(); // 這裡使用的是時間戳 來區分 ,也可以自己定義成別的如:1.1

2.修改要生成的js和css檔案的配置項,把剛剛宣告的版本拼接進要生成的檔名中;

output: ,然後直接 npm run build 打包後 就可以看到dist 檔案裡的js 檔名帶上裡版本號

瀏覽器與伺服器

瀏覽器是安裝在電腦裡面的乙個軟體,能夠將頁面內容渲染出來呈現給使用者檢視,並讓使用者與網頁互動的一種軟體。常見主流瀏覽器 internet explorer,chrome,firefox,safari,opera 瀏覽器核心 瀏覽器所採用的渲染引擎。渲染引擎決定了瀏覽器如何顯示網頁的內容,以及網頁格...

WEB 伺服器 與 瀏覽器

http協議通訊,是連線瀏覽器和伺服器的橋梁。兩者之間的資訊流,使它們真正的活力。這中間,瀏覽器連著使用者 伺服器連著資料庫 等其他的服務。伺服器能提供給瀏覽器,什麼樣的資訊呢?這些資訊,遵循著http通訊的格式。也許,瀏覽器只是 的乙個視窗,通過使用瀏覽器我們訪問 而真正的 技術,卻被掩蓋掉了。技...

瀏覽器輸入url瀏覽器與伺服器如何互動

1.輸入 當我們在瀏覽器中輸入 的時候,瀏覽器會從歷史記錄上匹配之前已經輸入的url,chrome瀏覽器會從快取中把網頁展示出來 2.瀏覽器查詢網域名稱的ip 1.瀏覽器解析網域名稱,瀏覽器先檢視本地硬碟hosts檔案,如果有與這個ip相匹配的規則,則使用host檔案裡面的ip 2.如果本地host...