服務(wù)器加載不了css的解決方法

這篇文章將為大家詳細(xì)講解有關(guān)服務(wù)器加載不了css的解決方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

服務(wù)器加載不了css的解決辦法：1、在項(xiàng)目發(fā)布時(shí)，清除下服務(wù)器上對(duì)應(yīng)項(xiàng)目的緩存；2、在引用css和js文件后加上一個(gè)隨機(jī)數(shù)；3、直接修改引用的css和js文件名稱。

服務(wù)器加載不了js和css的原因是什么？怎么解決？

出現(xiàn)這種情況的原因：

1、服務(wù)器的項(xiàng)目中對(duì)應(yīng)的緩存文件沒有清除，導(dǎo)致客戶端到服務(wù)器讀取的還是之前緩存的js和css文件（未修改之前的代碼）

2、客戶端的瀏覽器沒有清除緩存，或者緩存清除不干凈，還有緩存存在，導(dǎo)致瀏覽網(wǎng)頁時(shí)，讀取的還是本地緩存的css和js文件，沒有去服務(wù)器上面讀取最新的css和js文件

解決方法：

1、針對(duì)第一種情況，一般項(xiàng)目發(fā)布時(shí)，都會(huì)清除下服務(wù)器上對(duì)應(yīng)項(xiàng)目的緩存，如果發(fā)布的時(shí)候忘記清除了，記得要清除一下，因?yàn)槲抑熬褪沁@樣，沒有清除服務(wù)器上面的緩存，導(dǎo)致客戶端讀取的還是服務(wù)器上的緩存文件，所以修改的代碼就沒有生效

2、針對(duì)第二種清除，如果已經(jīng)確認(rèn)服務(wù)器緩存清除了的話，不是服務(wù)器緩存問題，那么可以考慮在引用css和js文件后加上一個(gè)隨機(jī)數(shù)（也稱之為版本號(hào)）如：

<script type="text/javascript" src="<%=request.getContextPath()%>/JS/common.js?v=20180201"></script>
<link href="<%=request.getContextPath()%>/CSS/Common.css?v=20180201"  rel="stylesheet" type="text/css" />

3、第三種方式，如果以上兩種方法都是沒有用的話，那恭喜你了，，遇到了我沒有遇到過的情況，，這種情況下，有種修改情況肯定是可以解決這個(gè)問題的，直接修改你引用的css和js文件名稱，這樣子應(yīng)該肯定是可以的。

關(guān)于服務(wù)器加載不了css的解決方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。