fuzhengwei / fuzhengwei/CodeGuide
关于vuepress页面缓存,Nginx配置记录📝
- Lingua principale
- Shell
- Stelle
- 11.9k
- Fork
- 4.2k
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
**背景**:默认情况下使用nginx作为h5静态资源的服务器时,这些资源在浏览器端是会有缓存的,特别是微信浏览器中,缓存非常严重。
**方案**:所以项目开始部署阶段就需要配置好nginx禁止这些资源的缓存,nginx需要做如下配置
```nginx
error_page 404 https://bugstack.cn;
location / {
root html;
index index.html;
add_header Cache-Control no-cache;
}
```
**补充**:这个nginx修改后是不会立即影响到客户端的,如果某个客户端曾经打开过,那后续还是会优先从缓存中获取,除非刷新请求一次修改后的页面,再往后才生效。以上方式相当于所有的都会去掉缓存,单vue页面我们只需要去掉html的缓存即可,因为js等会自动加上hash,所以即便缓存也没关系,所以应该加个条件:
```nginx
if ($request_filename ~* .*\.(?:htm|html))
{
add_header Cache-Control "no-store, no-cache";
}
```
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Nell’issue non è identificato alcun file di destinazione. Inizia individuando la documentazione del progetto relativa al deployment o a Nginx, quindi confrontala con gli esempi di cache-control forniti per le pagine VuePress. Il lavoro è completato quando la documentazione pertinente registra il comportamento di caching previsto di Nginx e distingue l’HTML dagli asset con hash.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- nginx
- Ambito
- devops, documentation
- Tipo di issue
- Documentazione
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 35/100