資訊專欄INFORMATION COLUMN
摘要：起因?yàn)g覽器會(huì)緩存網(wǎng)頁中的和的內(nèi)容，請(qǐng)求方式是方式時(shí)，瀏覽器會(huì)進(jìn)行識(shí)別。無論是什么插件的方式請(qǐng)求，瀏覽器都會(huì)這樣進(jìn)行處理的，從而導(dǎo)致數(shù)據(jù)不同步。
起因
IE瀏覽器會(huì)緩存網(wǎng)頁中的GET和XHR的內(nèi)容，請(qǐng)求方式是get方式時(shí)，IE瀏覽器會(huì)進(jìn)行識(shí)別。如果該get請(qǐng)求的url是第一次請(qǐng)求的話，會(huì)請(qǐng)求服務(wù)器，從數(shù)據(jù)庫中獲取數(shù)據(jù)；如果該get請(qǐng)求的url不是第一次請(qǐng)求的話，那么該url就不會(huì)請(qǐng)求服務(wù)器，IE瀏覽器會(huì)直接從緩存中拿到上次該url獲取的數(shù)據(jù)。無論是什么插件的get方式請(qǐng)求，IE瀏覽器都會(huì)這樣進(jìn)行處理的，從而導(dǎo)致數(shù)據(jù)不同步。
解決方案1. 在get請(qǐng)求的url中增加隨機(jī)標(biāo)識(shí)（推薦）
在請(qǐng)求后拼接隨機(jī)數(shù)或者時(shí)間戳，使兩次請(qǐng)求的url不一致，瀏覽器就不會(huì)從緩存中讀取數(shù)據(jù)
2. 在axios中設(shè)置header，ajax可以用setRequestHeader方法（推薦）
const api = axios.create({
// ...
headers: {
"Cache-Control": "no-cache"
}
// ...
})
3. 修改瀏覽器配置 （只能暫時(shí)解決問題）
Internet選項(xiàng) >> 瀏覽歷史記錄 >> 設(shè)置 >> Internet 臨時(shí)文件的選項(xiàng)改為‘每次訪問網(wǎng)頁時(shí)’
4. 在服務(wù)端設(shè)置 header(“Cache-Control: no-cache, must-revalidate”)（看情況）
5. 改為post接口（不推薦）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/102690.html
摘要：前端示例服務(wù)器端代碼可靠的實(shí)例添加回調(diào)函數(shù)拼接傳遞的是一個(gè)匿名的回調(diào)函數(shù)，要執(zhí)行的話，暴露為一個(gè)全局方法出錯(cuò)處理使用示例歡迎閱讀年前端面試題年前端面試題年前端筆試題我是，年輕的前端攻城獅一枚，愛專研，愛技術(shù)，愛分享。 let與var的區(qū)別？ Let為ES6新添加申明變量的命令，它類似于var，但是有以下不同： 1、var聲明的變量，其作用域?yàn)樵撜Z句所在的函數(shù)內(nèi)，且存在變量提...
摘要：前端示例服務(wù)器端代碼可靠的實(shí)例添加回調(diào)函數(shù)拼接傳遞的是一個(gè)匿名的回調(diào)函數(shù)，要執(zhí)行的話，暴露為一個(gè)全局方法出錯(cuò)處理使用示例歡迎閱讀年前端面試題年前端面試題年前端筆試題我是，年輕的前端攻城獅一枚，愛專研，愛技術(shù)，愛分享。 let與var的區(qū)別？ Let為ES6新添加申明變量的命令，它類似于var，但是有以下不同： 1、var聲明的變量，其作用域?yàn)樵撜Z句所在的函數(shù)內(nèi)，且存在變量提...
摘要：導(dǎo)讀全稱即異步與它最早在中被使用然后由推廣開來典型的代表應(yīng)用有以及現(xiàn)代網(wǎng)頁中幾乎無不歡前后端分離也正是建立在異步通信的基礎(chǔ)之上瀏覽器為做了什么現(xiàn)代瀏覽器中雖然幾乎全部支持但它們的技術(shù)方案卻分為兩種標(biāo)準(zhǔn)瀏覽器通過對(duì)象實(shí)現(xiàn)了的功能只需要通過一行 導(dǎo)讀 Ajax 全稱 Asynchronous JavaScript and XML, 即異步JS與XML. 它最早在IE5中被使用, 然后由Mo...
摘要：避免重定向重定向用和狀態(tài)碼，下面是一個(gè)有狀態(tài)碼的頭瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到域指明的。除此之外還有別的跳轉(zhuǎn)方式元標(biāo)簽和，但如果你必須得做重定向，最好用標(biāo)準(zhǔn)的狀態(tài)碼，主要是為了讓返回按鈕能正常使用。要提高性能，優(yōu)化這些響應(yīng)至關(guān)重要。 showImg(https://segmentfault.com/img/bVbmMsz?w=652&h=367);一直以來，性能優(yōu)化是開發(fā)的重中之中，而提及 前端...
閱讀 455·2023-04-25 23:00
閱讀 3486·2021-11-22 13:54
閱讀 1885·2021-10-27 14:14
閱讀 1478·2019-08-30 13:59
閱讀 3502·2019-08-23 16:15
閱讀 1948·2019-08-23 16:06
閱讀 3315·2019-08-23 15:26
閱讀 1246·2019-08-23 13:48
