一招解決微信小程序中的H5緩存問題
1、問題描述
開發過程中,為了更新代碼方便,往往會在小程序中嵌入H5頁面。但問題來了,小程序原生代碼更新版本后,簡單的從微信中刪除或者代碼強刷就可以解決緩存問題,但小程序中嵌入的H5頁面,無論是刪除小程序,還是清空微信緩存,都無法刷新到新的H5代碼。本文就徹底解決這個問題。
2、解決方案
重點:在url中加入版本號,每次發布都更新版本號
例如:
將
https://XXX.com/#/user/list
更改為:
https://XXX.com/v/1/#/user/list
https://XXX.com/v/2/#/user/list
https://XXX.com/v/3/#/user/list
3、方案實現
使用nginx實現
在nginx的server塊增加:
location ~ /v/\d {
rewrite /v/\d /;
root /usr/share/nginx/html/XXX; // 前端代碼路徑
}
4、總結
舉了一個簡單的栗子,思路如此,大家有更好的方法可以留言交流。