fuzhengwei / fuzhengwei/CodeGuide

关于vuepress页面缓存,Nginx配置记录📝

Aperta
#291 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.