html - 根據(jù)用戶id實現(xiàn)論壇用戶頭像顯示的最佳實現(xiàn)
問題描述
我自己做的一個論壇里需要顯示用戶頭像,但是覺得不太可能在每一個回復(fù)中都保存用戶頭像文件名,因為總不能用戶修改頭像之后再去修改數(shù)據(jù)里所有他曾經(jīng)回復(fù)過的內(nèi)容。
所以我在服務(wù)器(node+express)中做了一個專門用于顯示頭像的路由,get方式,路由中獲取頭像圖片文件返回給用戶,并且設(shè)置了一個緩存時間來降低服務(wù)器負荷,于是現(xiàn)在所有的用戶頭像url可以用用戶id表示了。
然而這出現(xiàn)了一個問題,就是用戶修改頭像之后除非手動清理緩存或者等緩存過期,不然總是使用緩存的頭像
那么如果避免緩存的問題呢?
我第一個想到的是設(shè)置must-revalidation,但是似乎并沒有作用,而且每次都revalidation會不會導(dǎo)致服務(wù)器仍然要讀取圖片文件,導(dǎo)致磁盤性能下降?
第二種方式我考慮將用戶頭像文件名存在用戶信息里,進入顯示頭像的路由之后重定向到實際的URI,然后配合nginx做靜態(tài)資源服務(wù)和緩存。但是這似乎就增加了一次服務(wù)器訪問。
不知道大家有什么更好的主意
問題解答
回答1:或許是我想簡單了,也或許是你想復(fù)雜了。
頭像是和用戶相關(guān)的,當(dāng)然直接存用戶表里啊。
用戶修改頭像,上傳新的頭像到你的服務(wù)器,你可以得到圖片并重命名,然后修改用戶對應(yīng)的頭像字段,使其指向新的圖片。
這樣只要用戶刷新頁面不就拿到了新的頭像了嗎?
回答2:我覺得主要的問題時緩存更新。
瀏覽器有兩種類型的緩存,Expires和LastModified/Etag。
Expires基于時間范圍,在未過期前直接從緩存獲取數(shù)據(jù),沒有網(wǎng)絡(luò)請求,而Etag/LastModified會發(fā)網(wǎng)絡(luò)請求校驗數(shù)據(jù),沒有更新使用緩存,有更新獲取最新數(shù)據(jù)。
所有解決方案是設(shè)置Etag/LastModified。如果圖像更新并不需要很高的即時性,可以兩種緩存結(jié)合起來,設(shè)置一定時長的Expires。
相關(guān)文章:
1. node.js - vue-cli無法創(chuàng)建項目。2. javascript - h5微信中怎么禁止橫屏3. index.php錯誤,求指點4. angular.js - angularjs 百度統(tǒng)計怎么統(tǒng)計5. angular.js - 可以通過vue或者angular雙向數(shù)據(jù)綁定iframe元素嗎?6. java - 計算機圖像表示方法?7. css3 - 這種情景怎么解釋?display:flex 遭遇 white-space: nowrap;8. PHP單例模式9. objective-c - 微信支付的問題10. Html 入門教程視頻無法播放
