国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

對(duì)于隨機(jī)生成圖片接口瀏覽器走緩存的問(wèn)題

這篇具有很好參考價(jià)值的文章主要介紹了對(duì)于隨機(jī)生成圖片接口瀏覽器走緩存的問(wèn)題。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

前提場(chǎng)景
目前有一個(gè)api 他可以隨機(jī)生成一張圖片,我通過(guò)v-for循環(huán)一個(gè)Array渲染出來(lái)幾個(gè)img 并且都調(diào)用了該接口,但是每個(gè)img都是一樣的圖片

具體代碼如下

<div class="icon-group-box" v-for="item in groupList" :key="item.id">
  <img :src="`https://api.likepoems.com/img/pc/`" alt="" srcset="">
  <span class="icon-group-name">{{ item.name }}</span>
</div>

圖片如下所示
對(duì)于隨機(jī)生成圖片接口瀏覽器走緩存的問(wèn)題,vue,js,vue.js,前端,javascript

解決方法:

<div class="icon-group-box" v-for="item in groupList" :key="item.id">
  <img :src="`https://api.likepoems.com/img/pc/?random=${Math.random()}`" alt="" srcset="">
  <span class="icon-group-name">{{ item.name }}</span>
</div>

只需要給api加個(gè)query,因?yàn)榻涌诤蠖瞬粫?huì)讀這個(gè)query所以不影響,又因?yàn)橛辛诉@個(gè)query使每個(gè)請(qǐng)求接口都不一樣也就不會(huì)走緩存了

最后說(shuō)一嘴

有人可能會(huì)使用時(shí)間戳作為這個(gè)query,但是在v-for這個(gè)場(chǎng)景下是不實(shí)用的,因?yàn)関-for循環(huán)出來(lái)的是同一個(gè)時(shí)間戳(我已經(jīng)試驗(yàn)過(guò)了),所以才采用的Math.random()文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-810798.html

到了這里,關(guān)于對(duì)于隨機(jī)生成圖片接口瀏覽器走緩存的問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶(hù)投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 瀏覽器緩存(強(qiáng)緩存、協(xié)商緩存)

    這一點(diǎn)主要解析瀏覽器緩存以及緩存機(jī)制的詳細(xì)過(guò)程。 與緩存相關(guān)的狀態(tài)碼: 200 ok?? ?從瀏覽器下載的最新資源 200 (from memory cache)?? ?不進(jìn)行http請(qǐng)求,直接從瀏覽器內(nèi)存中讀取的資源,頁(yè)面關(guān)閉,則資源釋放,一般一些腳本、圖片、文字等會(huì)存在內(nèi)存中 200 (from disk cache)?

    2024年04月17日
    瀏覽(54)
  • 瀏覽器強(qiáng)緩存與協(xié)商緩存

    瀏覽器強(qiáng)緩存與協(xié)商緩存

    強(qiáng)制緩存的思想是,在瀏覽器內(nèi)置數(shù)據(jù)庫(kù)中緩存每次請(qǐng)求中 “可以被緩存” (受到一些的管控)的靜態(tài)資源如 image, css, js 文件, 當(dāng)?shù)诙握?qǐng)求被緩存過(guò)的資源時(shí)候,會(huì)通過(guò)校驗(yàn)兩個(gè)字段 Expires 和 Cache-Control 的max-age字段(注意,Expires 是 http1.0 的產(chǎn)物, Cache-Control 則是

    2023年04月19日
    瀏覽(17)
  • 瀏覽器緩存原理

    瀏覽器緩存原理

    使用 HTTP 緩存的好處 :通過(guò)復(fù)用緩存資源,減少了客戶(hù)端等待服務(wù)器響應(yīng)的時(shí)間和網(wǎng)絡(luò)流量,同時(shí)也能緩解服務(wù)器端的壓力??梢燥@著的提升網(wǎng)站的應(yīng)用性能。 HTTP 緩存策略分為兩種 :強(qiáng)制緩存、協(xié)商緩存。 強(qiáng)制緩存 瀏覽器緩存沒(méi)有過(guò)期的時(shí)候可以直接決定使用緩存。 強(qiáng)

    2023年04月27日
    瀏覽(23)
  • 瀏覽器緩存機(jī)制

    瀏覽器緩存機(jī)制

    什么是瀏覽器緩存 瀏覽器緩存就是瀏覽器根據(jù) url 第一次訪問(wèn)網(wǎng)站之后,將網(wǎng)站的 html、css、js、圖片等文件復(fù)制一份保留到瀏覽器中,當(dāng)你二次訪問(wèn)這個(gè) url 的網(wǎng)站時(shí),如果網(wǎng)站沒(méi)有明確表示有更新時(shí),瀏覽器直接在緩存中查找內(nèi)容,不會(huì)再次請(qǐng)求網(wǎng)頁(yè)內(nèi)容,只有網(wǎng)頁(yè)明確表

    2024年02月04日
    瀏覽(27)
  • 前端---需要了解瀏覽器相關(guān)知識(shí)--瀏覽器請(qǐng)求服務(wù)器資源---緩存

    前端---需要了解瀏覽器相關(guān)知識(shí)--瀏覽器請(qǐng)求服務(wù)器資源---緩存

    掘金1:瀏覽器緩存 掘金2 :瀏覽器緩存 跟別人怎么講,從大的說(shuō):緩存的原理是什么? 再說(shuō)什么是瀏覽器緩存? 瀏覽器緩存 請(qǐng)求(靜態(tài)資源 | 動(dòng)態(tài)資源) 一、緩存是什么? 二、為什么? 瀏覽器是如何判斷是否使用緩存的??第一次請(qǐng)求網(wǎng)頁(yè) 第二次請(qǐng)求相同網(wǎng)頁(yè): 三、怎

    2024年02月12日
    瀏覽(29)
  • 強(qiáng)緩存、協(xié)商緩存(瀏覽器的緩存機(jī)制)是么子?

    強(qiáng)緩存、協(xié)商緩存(瀏覽器的緩存機(jī)制)是么子?

    為了減少資源請(qǐng)求次數(shù),加快資源訪問(wèn)速度,瀏覽器會(huì)對(duì)資源文件如圖片、css文件、js文件等進(jìn)行緩存 所謂強(qiáng)緩存,可以理解為強(qiáng)制緩存的意思,即瀏覽器在訪問(wèn)某個(gè)資源時(shí)會(huì)判斷是否使用本地緩存里已經(jīng)存在的資源文件,使用本地緩存的話則不會(huì)發(fā)送請(qǐng)求到服務(wù)器,從而達(dá)

    2024年01月20日
    瀏覽(21)
  • nginx配置瀏覽器緩存(強(qiáng)緩存、協(xié)商緩存、無(wú)緩存)

    nginx配置瀏覽器緩存(強(qiáng)緩存、協(xié)商緩存、無(wú)緩存)

    下載地址:點(diǎn)擊下載nginx 根據(jù)系統(tǒng)選擇要下載的安裝包,這里最好選擇穩(wěn)定版(stable version)。 下載好后解壓該zip,將解壓后的文件夾放在自己喜歡的目錄下,我是放在J盤(pán)(自己分的磁盤(pán))下。 進(jìn)入J:nginx-1.22.0目錄,目錄結(jié)構(gòu): 注:project目錄是我自己創(chuàng)建的,用于存放打包

    2024年02月09日
    瀏覽(25)
  • 真的只是簡(jiǎn)單了解下瀏覽器緩存

    真的只是簡(jiǎn)單了解下瀏覽器緩存

    當(dāng)我們打開(kāi)一個(gè)頁(yè)面時(shí),會(huì)向服務(wù)端發(fā)起很多次請(qǐng)求,如下圖打開(kāi)百毒首頁(yè),發(fā)起了HTML、各種圖片、JS、CSS等資源共72次請(qǐng)求。這里面很多資源并不會(huì)頻繁變化,每次打開(kāi)頁(yè)面都重新請(qǐng)求下載,就很浪費(fèi)了。 瀏覽器緩存也稱(chēng)為HTTP緩存,HTTP緩存 簡(jiǎn)單理解就是本地(瀏覽器)緩

    2023年04月25日
    瀏覽(18)
  • 記錄--關(guān)于瀏覽器緩存策略這件事兒

    記錄--關(guān)于瀏覽器緩存策略這件事兒

    我們打開(kāi)百度這個(gè)網(wǎng)站并刷新多次時(shí)時(shí),注意到百度的logo是沒(méi)有每次都加載一遍的。我們知道圖片是img標(biāo)簽中的src屬性加載出來(lái)的,這也需要瀏覽器去請(qǐng)求圖片資源的,那么為什么刷新多次瀏覽器只請(qǐng)求了一次圖片資源呢?這就涉及到了 瀏覽器的緩存策略 了,這張圖片被瀏

    2024年02月13日
    瀏覽(20)
  • 瀏覽器刷新頁(yè)面,緩存的處理方式,強(qiáng)制刷新

    刷新頁(yè)面的緩存處理的方式對(duì)比 地址欄回車(chē)/直接訪問(wèn) URL 保留強(qiáng)緩存,保留協(xié)商緩存,走正常請(qǐng)求流程 點(diǎn)擊瀏覽器刷新按鈕 忽略強(qiáng)緩存,保留協(xié)商緩存 按f5【command + r】 忽略強(qiáng)緩存,保留協(xié)商緩存 ctrl + f5 【command + shift + r 】 忽略強(qiáng)緩存,忽略協(xié)商緩存,從服務(wù)器端請(qǐng)求最

    2024年02月02日
    瀏覽(94)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包