在當前常用的單頁面頁面開發(fā)中。會將生產(chǎn)包發(fā)布為:固定名稱的html文件和帶hash的js、css文件。
所以我們需要保證html必須每次都實時請求服務器,但是js和css文件可以強緩存在本地,減少請求加速顯示。
nginx配置如下:
- /、/*.htm、/*.html文件配置協(xié)商緩存
- **/*.js、/*.css文件配置強緩存 **
location / {
root html;
index index.html index.htm;
if ( $request_uri ~* /((.*)\.html?)?$ ) {
add_header Cache-Control no-cache;
}
if ( $request_uri ~* /.*\.(js|css)$ ) {
add_header Cache-Control max-age=86400;
}
}