最近在開發iview的項目中,遇到了一個報錯問題。在瀏覽器的控制臺中,發現如下的異常:
Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH.
經過一番排查,發現這個問題是由于iview的css文件加載出現了異常導致的。在引入css文件的html代碼中,發現有一個奇怪的參數:
<link rel="stylesheet" href="/static/css/iview.css?v=1522646228">
這里的v參數用于控制瀏覽器緩存,但由于開發過程中反復更新了css文件,導致v值不斷變化,進而導致css文件加載出錯。
為了解決這個問題,我們可以手動清空瀏覽器緩存。但更好的方法是將v參數的值改為一個穩定的版本號,例如項目的版本號:
<link rel="stylesheet" href="/static/css/iview.css?v={{$version}}">
這樣,每次更新版本時,只需要更新一次配置文件中的$version變量即可,不用擔心瀏覽器緩存導致的問題了。
下一篇i斜體css