前端如何緩存圖片

IMG返回時(shí)，在HTTP Header中設(shè)置啟用瀏覽器緩存，并設(shè)定緩存時(shí)間。

如果不理解，讀讀這篇文章 《徹底弄懂HTTP緩存機(jī)制及原理》

偽代碼

<template>
    <ul>
        <!--假設(shè)item有至少兩個(gè)屬性，一個(gè)是詳情id，一個(gè)是圖片pic-->
        <li v-for="(item,i) in 你的圖片數(shù)組" click="點(diǎn)我進(jìn)入詳情(item)">
            <!--巴拉巴拉-->
            <img :src="item.pic" />
        </li>
    </ul>
</template>
<script>
methods:{
    點(diǎn)我進(jìn)入詳情(item){
        // 詳情路由自己去讀params 或者你傳到vuex里也行 甚至sessionStorage也行
        this.$router.push("/詳情對(duì)應(yīng)的路由",query:{id:item.id},params:{pic:item.pic});
    }
}
</script>

瀏覽器 強(qiáng)緩存 就好了