Caché del proxy de configuración de Nginx y caché del navegador

Caché de recursos estáticos

El almacenamiento en caché de archivos estáticos puede reducir la pérdida de ancho de banda. Los archivos del servidor ascendente se pueden almacenar en caché en Nginx, y los archivos de Nginx también se pueden almacenar en caché en el navegador.

Caché del navegador:
Acelere el acceso de los usuarios y mejore la experiencia de un solo usuario (visitante del navegador), almacenado en caché localmente.
Caché Nginx:

• Caché en el lado de nginx para mejorar la experiencia del usuario de todos los accesos al lado de nginx.
• Mejore la velocidad de acceso a los servidores ascendentes.
• El acceso de usuario seguirá generando tráfico de solicitudes.

1 Controla la caché del navegador

El navegador controla principalmente el tiempo de caducidad de la caché, que puede dejarse sin configurar.

location /files {
    alias /home/imooc;
    # expires 10s; #10s后浏览器缓存失效
    # expires @22h30m; #到22:30失效
    # expires -1h; #在这之前1h已经过期
    expires epoch; #相当于no-cache
    # expires off; #关闭Nginx缓存，使用浏览器默认
    # expires max; #最大时间，永不过期
    # add_header Cache-Control no-store;
}

浏览 器 F12
Cache-Control: max-age = 10
Fecha: Dom, 03 de enero de 2021 05:35:04 GMT
Caduca: Dom, 03 de enero de 2021 05:35:14 GMT

2 Configurar la caché de proxy inverso de Nginx

upstream cluster {
    server 192.168.233.130:8080;
    server 192.168.233.130:8088;
}

# proxy_cache_path 设置缓存目录
# keys_zone 设置共享内存以及占用空间大小，mycache是缓存名字
# max_size 设置缓存大小
# inactive 超过此时间则被清理
# use_temp_path 临时目录，使用后会影响nginx性能
# levels 是否创建二级文件夹
proxy_cache_path /usr/local/nginx/upstream_cache keys_zone=mycache:5m max_size=1g inactive=1m use_temp_path=off;

# 配置server
server {
    listen      80;
    server_name     www.awecoder.com;
    
    location / {
        proxy_pass  http://cluster;

        # 启动缓存
        proxy_cache mycache;
        # 针对200和304状态码缓存时间为8小时
        proxy_cache_valid   200 304 8h;
    }
}