解決index.html緩存問題

一般項目發(fā)版后前端靜態(tài)文件會有緩存問題，

不強制刷新很難解決，

但是用戶不會去強制刷新，

這就需要我們開發(fā)人員在配置方面解決瀏覽器緩存靜態(tài)文件問題。

一般瀏覽器緩存的文件有html、css、js等。

css、js文件被緩存的解決方案

一般html中引入的css和js的名字都加了哈希值，所以新版本css、js和就舊版本的名字是不同的，不會有緩存問題。

如果index.html文件被緩存就稍微麻煩些

首先可以在index.html文件頭部添加mate標簽禁止緩存

<meta http-equiv="Expires" content="0">

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-control" content="no-cache">

<meta http-equiv="Cache" content="no-cache">

瀏覽器的緩存解決，

但是一般在服務(wù)器端還是會有緩存，

當(dāng)瀏覽器訪問index.html時拿到的就是服務(wù)器緩存的文件，所有我們還需要解決服務(wù)器的緩存

這需要在服務(wù)器配置不讓緩存index.html

nginx 配置如下：

location = /index.html {

add_header Cache-Control "no-cache, no-store";

}