2023/09/25

CloudFlare CDN 導致Vue網頁不會更新問題

最近在公司遇到很無奈的問題

用npm run build出來的檔案會Cache在某個版本
用npm run serve則不會

從代碼一路找啊找挖啊挖...,最後才發現原來是有另一個部門的同仁在CloudFlare配置了CDN
然後沒告知,雖然這位同仁是因為要加速他自己的網站,但他只配置他自己的CDN
再CloudFlare這邊通常都是整個二級Domain底下的三級Domain都會吃到這個設定


要如何知道是不是被開CDN可以去看js or css的response header的Cf-Cache-Status
如果寫Hit那就是了...





解決方案:

下方再給他配置一個直接讓其他的三級Domain略過Cache即可
我這樣做當然不是最好的方式,但公司那個Domain底下足足有180幾個二級Domain


結論:
很多情況會發生只是在於溝通不良,而不是技術問題...