html - 根據用戶id實現論壇用戶頭像顯示的最佳實現
問題描述
我自己做的一個論壇里需要顯示用戶頭像,但是覺得不太可能在每一個回復中都保存用戶頭像文件名,因為總不能用戶修改頭像之后再去修改數據里所有他曾經回復過的內容。
所以我在服務器(node+express)中做了一個專門用于顯示頭像的路由,get方式,路由中獲取頭像圖片文件返回給用戶,并且設置了一個緩存時間來降低服務器負荷,于是現在所有的用戶頭像url可以用用戶id表示了。
然而這出現了一個問題,就是用戶修改頭像之后除非手動清理緩存或者等緩存過期,不然總是使用緩存的頭像
那么如果避免緩存的問題呢?
我第一個想到的是設置must-revalidation,但是似乎并沒有作用,而且每次都revalidation會不會導致服務器仍然要讀取圖片文件,導致磁盤性能下降?
第二種方式我考慮將用戶頭像文件名存在用戶信息里,進入顯示頭像的路由之后重定向到實際的URI,然后配合nginx做靜態資源服務和緩存。但是這似乎就增加了一次服務器訪問。
不知道大家有什么更好的主意
問題解答
回答1:或許是我想簡單了,也或許是你想復雜了。
頭像是和用戶相關的,當然直接存用戶表里啊。
用戶修改頭像,上傳新的頭像到你的服務器,你可以得到圖片并重命名,然后修改用戶對應的頭像字段,使其指向新的圖片。
這樣只要用戶刷新頁面不就拿到了新的頭像了嗎?
回答2:我覺得主要的問題時緩存更新。
瀏覽器有兩種類型的緩存,Expires和LastModified/Etag。
Expires基于時間范圍,在未過期前直接從緩存獲取數據,沒有網絡請求,而Etag/LastModified會發網絡請求校驗數據,沒有更新使用緩存,有更新獲取最新數據。
所有解決方案是設置Etag/LastModified。如果圖像更新并不需要很高的即時性,可以兩種緩存結合起來,設置一定時長的Expires。
相關文章:
1. linux - Ubuntu下編譯Vim8(+python)無數次編譯失敗2. javascript - 靜態頁面html 引頭尾公共文件?3. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。4. css - linear-gradient無效是怎么回事?5. python中怎么對列表以區間進行統計?6. javascript - 如何判斷用戶切換到了當前標簽頁?7. javascript - react 里使用antd model 怎么控制model 開關8. javascript - 寫移動端的頁面的時候,有不一快空白,是怎么回事?9. javascript - webpack 報錯 新人 求解10. css - 移動端 盒子內加overflow-y:scroll后 字體會變大
