『壹』 uniapph5pdf預覽插件有緩存怎麼辦
用瀏覽器緩存、服務端緩存、CDN。? 將uniapph5pdf預覽插件緩存通過磁碟/內存等緩存方式,提高資源響應方式,減少伺服器壓力/資源開銷的一門緩存技術。大致可以分為瀏覽器緩存、服務端緩存、CDN等。
1、瀏覽器緩存瀏覽器緩存。也稱為客戶端緩存,常用方式如下html文件添加Expires時間。
2、服務端緩存服務端緩存。可以分為內存緩存、磁碟緩存兩種。
3、CDN緩存。CDN是靜態緩存加速最典型的代表。CDN技術並不是一門新的技術,它是基於傳統 nginx、squid、varnish 等 web 緩存技術,結合 DNS 智能解析的靜態緩存加速技術。節點緩存對需要加速的網站應用,相應的靜態資源通過內存緩存+磁碟緩存的方式緩存在伺服器端。精準調度對訪問的用戶 ip 進行智能解析調度,實現就近緩存節點訪問。
『貳』 uniapp獲取app佔用空間
uniapp 獲取APP許可權,是需要緩存app數據的,所以你覺得占空間可以定期清理緩存數據或卸載app軟體。
『叄』 uni-app數據緩存
首先uni-app提供的數據緩存Storage分四種模式:
一種是set(用於存儲數據)、一種是get(用於獲取數據)、一種是remove
(用於移除指定數據)、最後一種是clear(清除緩存數據)
然後區分:帶Sync欄位是同步的,沒有帶的是非同步。
查看緩存數據的界面面板:
谷歌瀏覽器--開發者工具--Application--Storage--Local Storage
上面這個面板就是進行查看數據緩存相關信息的。
下面進行非同步數據緩存展示,就是沒帶Sync欄位的,順序:先有set模式-->get模式-->remove模式-->clear模式(一般很少用)
首先准備三個按鈕,分別對應上面的三個功能: 存儲數據、獲取數據、移除數據
方法定義:
功能實現:
(1)存儲數據
uni.setStorage(OBJECT)
這個對象裡面傳入一個key和一個data,你可以理解為鍵值對的形式,然後一個回調函數success
當我們點擊「存儲數據」的這個按鈕時,我們來到面板就會看到數據已經緩存成功呈現在面板上。而key為鍵,data為值。
(2)獲取數據
uni.getStorage() 用於獲取緩存的數據
這里的key對應setStorage的key,然後再success回調函數裡面接受res返回數據的結果,控制台輸出。
(3)移除數據
一般用於移除整個數據。
回到數據緩存的面板查看,發現key為"student"的欄位已經完整移除。
帶Sync的,不需要指定特定的鍵(key)和值(data)。
以setStorageSync(key,value)為例子,同步可以直接接受參數,第一個參時就是key鍵,第二個參數為value值。
將上面的例子改成同步,效果是一樣的。
數據緩存:
獲取數據:
『肆』 uni-app或微信小程序從緩存storage獲取token第一次為空,刷新才能拿到問題。
請求框架config配置
config.js
未登錄前token取到是空,登錄後把後台返回的token存儲到緩存,到下一個界面請求其他介面的時候,頭信息裡面的token為空,並且本地緩存信息已有token,於是想到是請求頭裡面的token並沒有更新,需要去更新一下就可以了。
interface.js
index.js
『伍』 如何解決h5、vue、uniapp等項目緩存問題
我們再開發web項目時,經常會遇到修改了css、js、html等靜態文件,並部署到伺服器之後。使用瀏覽器進行訪問的時候,發現並沒有什麼變化,這就是靜態緩存。我們應該如何處理靜態緩存呢?首先我們先了解什麼是靜態緩存。
html文件添加Expires時間
CDN是靜態緩存加速最典型的代表。CDN技術並不是一門新的技術,它是基於傳統 nginx、squid、varnish 等 web 緩存技術,結合 DNS 智能解析的靜態緩存加速技術。
方式二:
uniapp解決緩存的方式與vue一樣,但是uniapp兼容了很多平台,所以修改vue.config.js又不太一樣。如果uniapp根目錄下面沒有vue.config.js,則新建vue.config.js文件即可。