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