背景
最近接手了b端的的管理系統(tǒng)苟翻,技術棧是umi+react韵卤。開發(fā)的過程中發(fā)現(xiàn)個很詭異的問題,新加的樣式再command+s后觸發(fā)了熱更新頁面展示符合預期崇猫,但當刷新當前頁面后新添加的樣式不會生效沈条。
過程
為了容易對比于是新加了一個class wqd-self-support-apartment
。
場景一:
command+s
熱更新時:
有邓尤,此時頁面正常拍鲤,class生效。保存現(xiàn)場
tab 1
場景二
刷新頁面汞扎。
搜不到wqd-self-support-apartment
即class未生效季稳。保存現(xiàn)場tab 2
場景三:
怎么回事呢,把url拿出來瞅瞅澈魄,直接在瀏覽器請求一下看看:
他他他他居然又有了>笆蟆!1陨取铛漓!保存現(xiàn)場tab 3
猜測:難道是場景二中的css有緩存?鲫构?浓恶?
剛才的瀏覽器tab沒關,回頭看了看場景二(tab 2
)中的請求:
單看請求code是
200
结笨,初步看肯定不是瀏覽器的緩存了(俗稱強緩存)包晰。
難道是umi起的node自己協(xié)商緩存了?炕吸?
但是協(xié)商緩存命中緩存應該是304也不應該是200額伐憾。。赫模。树肃。難道是沒命中緩存但是node返回的最新umi.css他其實并不是最新的?瀑罗?胸嘴?存疑!U都馈劣像!
重新打開一個tab(tab4
)刷新頁面,此時發(fā)現(xiàn)umi.css
中居然含有wqd-self-support-apartment
了M7蕖<萁病蚊伞!想到場景三中直接訪問確實是有的席赂,難道是當時將緩存清理了吮铭,所以現(xiàn)在才能看到?颅停?不能夠啊谓晌。。
結局
想著一探究竟癞揉,纸肉,結果本地無法復現(xiàn)了。喊熟。 持續(xù)一周的問題就這么的突然好了柏肪,,小丑竟是我自己=媾啤7澄丁!