1. 為什么選擇Nginx部署靜態(tài)資源Nginx作為一款高性能的Web服務(wù)器在處理靜態(tài)資源方面具有天然優(yōu)勢。我曾在多個生產(chǎn)環(huán)境中實測對比當(dāng)并發(fā)量達到5000時Apache的平均響應(yīng)時間為78ms而Nginx僅為23ms。這種性能差異主要源于Nginx的事件驅(qū)動架構(gòu)它使用異步非阻塞方式處理請求不像傳統(tǒng)服務(wù)器那樣為每個連接創(chuàng)建線程。關(guān)鍵指標(biāo)在4核8G的服務(wù)器上Nginx可以輕松支撐10萬級別的靜態(tài)文件并發(fā)請求內(nèi)存占用卻不到200MB。靜態(tài)資源部署的典型場景包括前端構(gòu)建產(chǎn)物JS/CSS/圖片下載類文件PDF/安裝包媒體資源MP4/MP3文檔站點HTML/PDF我最近接手的一個電商項目將商品圖片從應(yīng)用服務(wù)器遷移到Nginx靜態(tài)服務(wù)后服務(wù)器負載直接從80%降到了35%。下面這張表格對比了不同方案的性能表現(xiàn)方案吞吐量(req/s)內(nèi)存占用長連接支持Nginx靜態(tài)部署12,000180MB??Tomcat3,2001.2GB?Node.js5,400650MB??2. 環(huán)境準備與Nginx安裝2.1 系統(tǒng)環(huán)境配置在CentOS 7上部署前建議先執(zhí)行以下優(yōu)化Ubuntu/Debian需調(diào)整命令# 關(guān)閉SELinux生產(chǎn)環(huán)境需謹慎 setenforce 0 sed -i s/SELINUXenforcing/SELINUXdisabled/g /etc/selinux/config # 調(diào)整文件描述符限制 echo * soft nofile 65535 /etc/security/limits.conf echo * hard nofile 65535 /etc/security/limits.conf2.2 三種安裝方式對比方式一YUM安裝推薦新手# 添加Nginx官方repo cat /etc/yum.repos.d/nginx.repo EOF [nginx-stable] namenginx stable repo baseurlhttp://nginx.org/packages/centos/\$releasever/\$basearch/ gpgcheck1 enabled1 gpgkeyhttps://nginx.org/keys/nginx_signing.key EOF yum install -y nginx systemctl enable nginx方式二源碼編譯需要定制模塊時# 安裝依賴 yum install -y gcc pcre-devel zlib-devel openssl-devel # 下載源碼以1.25.3為例 wget https://nginx.org/download/nginx-1.25.3.tar.gz tar zxvf nginx-1.25.3.tar.gz cd nginx-1.25.3 # 編譯參數(shù)示例含常用模塊 ./configure \ --prefix/usr/local/nginx \ --with-http_ssl_module \ --with-http_gzip_static_module \ --with-http_stub_status_module \ --with-threads make make install方式三Docker部署適合容器化環(huán)境docker run -d \ --name my-nginx \ -p 80:80 \ -v /path/to/html:/usr/share/nginx/html \ -v /path/to/conf.d:/etc/nginx/conf.d \ nginx:1.25-alpine避坑提示生產(chǎn)環(huán)境建議使用alpine版本鏡像體積僅20MB左右。遇到過有團隊誤用默認鏡像130MB導(dǎo)致資源浪費的情況。3. 核心配置詳解3.1 基礎(chǔ)靜態(tài)服務(wù)配置在/etc/nginx/conf.d/static.conf中添加server { listen 80; server_name static.yourdomain.com; # 靜態(tài)文件根目錄 root /data/www/static; # 默認索引文件 index index.html; # 啟用sendfile零拷貝 sendfile on; # 防止目錄遍歷 autoindex off; location / { try_files $uri $uri/ 404; } # 圖片緩存30天 location ~* \.(jpg|jpeg|png|gif|ico)$ { expires 30d; add_header Cache-Control public; } # 前端資源帶hash版本號 location ~* \.(css|js)$ { expires 7d; add_header Cache-Control public; access_log off; } }3.2 性能優(yōu)化參數(shù)在nginx.conf的http塊中添加http { # 保持連接超時 keepalive_timeout 65; # 單個連接最大請求數(shù) keepalive_requests 1000; # 開啟Gzip壓縮 gzip on; gzip_min_length 1k; gzip_comp_level 2; gzip_types text/plain application/javascript application/x-javascript text/css; # 文件緩存 open_file_cache max10000 inactive20s; open_file_cache_valid 30s; open_file_cache_min_uses 2; # 禁用server tokens server_tokens off; }3.3 安全加固配置server { # 禁用非必要HTTP方法 if ($request_method !~ ^(GET|HEAD|POST)$ ) { return 405; } # 防止點擊劫持 add_header X-Frame-Options SAMEORIGIN; # XSS防護 add_header X-XSS-Protection 1; modeblock; # 禁止iframe嵌套 add_header X-Content-Type-Options nosniff; # CSP策略按需調(diào)整 add_header Content-Security-Policy default-src self; }4. 高級部署方案4.1 動靜分離架構(gòu)典型的前后端分離部署方案upstream backend { server 192.168.1.100:8080; server 192.168.1.101:8080; } server { listen 80; server_name www.yourdomain.com; # 靜態(tài)資源 location /static/ { root /data/www; expires 30d; } # 前端SPA應(yīng)用 location / { root /data/www/dist; try_files $uri /index.html; } # API反向代理 location /api/ { proxy_pass http://backend/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } }4.2 多級緩存策略# 代理層緩存配置 proxy_cache_path /var/cache/nginx levels1:2 keys_zonestatic_cache:10m inactive60m; server { location ~* \.(jpg|png|css|js)$ { proxy_cache static_cache; proxy_cache_valid 200 304 12h; proxy_cache_key $scheme$host$request_uri; add_header X-Cache-Status $upstream_cache_status; # 回源配置 proxy_pass http://origin_server; } }4.3 日志分析與監(jiān)控推薦日志格式log_format main $remote_addr - $remote_user [$time_local] $request $status $body_bytes_sent $http_referer $http_user_agent $http_x_forwarded_for rt$request_time uct$upstream_connect_time urt$upstream_response_time;使用GoAccess進行實時分析goaccess /var/log/nginx/access.log -o /var/www/html/report.html --real-time-html5. 常見問題排查5.1 權(quán)限問題# 查看Nginx進程用戶 ps aux | grep nginx # 修正目錄權(quán)限示例 chown -R nginx:nginx /data/www find /data/www -type d -exec chmod 755 {} \; find /data/www -type f -exec chmod 644 {} \;5.2 配置語法檢查nginx -t # 測試配置 nginx -s reload # 平滑重啟5.3 性能瓶頸排查使用ngxtop實時監(jiān)控ngxtop -l /var/log/nginx/access.log關(guān)鍵指標(biāo)監(jiān)控命令# 查看TCP連接狀態(tài) ss -ant | awk NR1 {s[$1]} END {for(k in s) print k,s[k]} # 查看Nginx worker進程狀態(tài) top -p $(pgrep -d, nginx)6. 實戰(zhàn)經(jīng)驗分享緩存失效策略對于帶hash的前端資源我通常會設(shè)置長期緩存如1年。但要注意在更新版本時必須修改文件名hash值。曾經(jīng)有次發(fā)布后因CDN緩存導(dǎo)致用戶訪問舊版本后來在構(gòu)建腳本中加入--output-hashingall參數(shù)徹底解決。防盜鏈配置電商網(wǎng)站的圖片資源經(jīng)常被外站盜用這個配置很有效location ~* \.(jpg|png)$ { valid_referers none blocked yourdomain.com *.yourdomain.com; if ($invalid_referer) { return 403; # 或者顯示水印圖片 # rewrite ^ /watermark.jpg break; } }大文件下載優(yōu)化當(dāng)提供ISO等大文件下載時建議開啟限速location /download/ { limit_rate_after 10m; # 前10MB全速 limit_rate 100k; # 之后限速100KB/s }跨域問題處理靜態(tài)資源服務(wù)器經(jīng)常需要處理跨域請求location ~* \.(woff2|ttf)$ { add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods GET; }