1. 設(shè)置緩存
在服務(wù)器里設(shè)置
response.setHeader('Cache-Control', 'max-age=30')
每次瀏覽器請(qǐng)求完這個(gè)url后的30s內(nèi),都不會(huì)再請(qǐng)求這個(gè)文件。
但只要改變url,文件就會(huì)被再請(qǐng)求一次
所以css、js文件更新了,可以通過改變url來更新,如下
<script src="main.js"></script> //第一個(gè)版本
<script src="main.js?v=2"></script> //第二個(gè)版本,改變url,加了個(gè)查詢參數(shù),于是瀏覽器就會(huì)重新請(qǐng)求文件了
<script src="main.js?隨機(jī)數(shù)"></script> //以后的版本
3. 舊版本的緩存(Expires)
response.setHeader('Expirse', 'Feb 2018 14:04:04.....')
區(qū)別:Expires設(shè)置的是日期,而且是根據(jù)本地時(shí)間判斷的,若是用戶的本地時(shí)間有誤,就會(huì)有bug,所以現(xiàn)在都用Cache-Control,若兩個(gè)都設(shè)置了會(huì)優(yōu)先使用Cache-Control,因?yàn)檫@是新版的