緩存是網站性能優化中的重要環節,使用nginx緩存css可以提升網站的訪問速度和穩定性。下面我們來介紹一下nginx緩存css的配置方法。
首先,在nginx配置文件中添加以下代碼:
http { ... ... proxy_cache_path /var/cache/nginx levels=1:2 keys_zone=my_cache:10m inactive=60m; ... ... }
以上代碼中,/var/cache/nginx是本地存儲緩存文件的目錄,levels=1:2表示使用兩層子目錄進行存儲,keys_zone=my_cache:10m是一個名為my_cache的緩存zone,緩存大小為10MB,inactive=60m表示緩存時間為60分鐘。
接下來,配置nginx反向代理服務器,將請求轉發到目標服務器:
http { ... ... server { listen 80; server_name example.com; location / { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_pass http://yourserver.com; proxy_cache my_cache; proxy_cache_valid 200 60m; proxy_cache_valid 404 1m; proxy_cache_bypass $http_pragma; proxy_cache_revalidate on; add_header X-Cache-Status $upstream_cache_status; } location ~* \.(css|js)$ { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_pass http://yourserver.com; proxy_cache my_cache; proxy_cache_valid 200 60m; proxy_cache_valid 404 1m; proxy_cache_bypass $http_pragma; proxy_cache_revalidate on; add_header X-Cache-Status $upstream_cache_status; } } ... ... }
以上代碼中,location /表示將所有請求轉發到yourserver.com服務器,并進行緩存;location ~* \.(css|js)$表示將以.css或.js后綴結尾的請求轉發到yourserver.com服務器,并進行緩存。
最后,重啟nginx服務器,并測試緩存配置是否生效。
上一篇nginx請求不到css
下一篇html5的靜態網頁代碼