使用nginx实现动静分离「建议收藏」

动静分离通过将静态资源（如HTML、CSS、图片）与动态内容（如JSP、Servlet）分离处理，可显著提升系统性能。Nginx作为反向代理服务器，能高效分发请求至静态资源服务器或应用服务器（如Tomcat）。以下是具体实现步骤：

• 静态资源处理：Nginx直接返回HTML、图片等文件，避免占用应用服务器资源。
• 动态内容处理：Nginx将JSP、API请求转发至Tomcat，由其生成动态页面。
• 优势：减少Tomcat负载，提升静态资源加载速度，增强系统可维护性。

1. 环境准备

• Linux主机：

  创建静态资源目录：mkdir -p /static/{image,page}

  放入测试文件：

  /static/image/pika.jpg（图片）

  /static/page/a.html（HTML页面）

  关闭防火墙或开放端口：systemctl stop firewalld # CentOS 7# 或开放特定端口firewall-cmd --add-port=80/tcp --permanentfirewall-cmd --reload

• Tomcat服务器：

  在webapps目录下创建jsp文件夹，放入hello.jsp文件。

2. Nginx配置

• 修改配置文件（路径通常为/usr/local/nginx/conf/nginx.conf），核心配置如下：server { listen 80; server_name 192.168.1.103; # 静态资源处理 location /image/ { root /static; # 实际路径为 /static/image/ expires 30d; # 缓存控制 } location /page/ { root /static; # 实际路径为 /static/page/ } # 动态内容转发至Tomcat location /jsp/ { proxy_pass
  http://192.168.1.103:8080;
  # Tomcat地址 proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; }}
• 关键点：

  root指令指定静态资源根目录。

  proxy_pass将动态请求转发至Tomcat的8080端口。

  添加缓存头（如expires）优化静态资源加载。

3. 启动与测试

• 启动Nginx：nginx -c /usr/local/nginx/conf/nginx.conf
• 测试访问：

  动态请求：

  http://192.168.1.103/jsp/hello.jsp
  （由Tomcat处理）

  静态请求：

  http://192.168.1.103/image/pika.jpg
  http://192.168.1.103/page/a.html
  （均由Nginx直接返回）

1. 静态资源处理优化

• 缓存策略：location ~* .(jpg|jpeg|png|css|js)$ { root /static; expires 1y; # 长期缓存 add_header Cache-Control "public";}
• Gzip压缩：gzip on;gzip_types text/css application/javascript image/svg+xml;

2. 动态请求转发优化

• 负载均衡（多Tomcat实例时）：upstream tomcat_cluster { server 192.168.1.103:8080; server 192.168.1.104:8080;}location /jsp/ { proxy_pass
  http://tomcat_cluster;
  }
• 连接超时设置：proxy_connect_timeout 60s;proxy_read_timeout 60s;

3. 路径匹配规则

• 精确匹配：优先处理静态资源，避免动态请求误匹配。location = /favicon.ico { root /static/icons;}
• 正则匹配：将特定后缀文件交由Tomcat处理。location ~ .jsp$ { proxy_pass
  http://192.168.1.103:8080;
  }

1. 静态资源404错误

• 检查root或alias路径是否正确。
• 确认文件实际存在于指定目录。
• 检查Nginx用户是否有目录读取权限。

2. 动态请求未转发

• 验证Tomcat是否运行且端口可访问：telnet 192.168.1.103 8080
• 检查proxy_pass地址是否包含协议（http://或https://）。

3. 跨域问题

• 动态API请求需配置CORS头：location /api/ { proxy_pass
  http://192.168.1.103:8080;
  add_header 'Access-Control-Allow-Origin' '*';}

1. 结合CDN加速

• 将静态资源托管至CDN，Nginx配置指向CDN域名：location /static/ { proxy_pass
  https://cdn.example.com;
  }

2. HTTPS支持

• 配置SSL证书并强制HTTPS：server { listen 443 ssl; ssl_certificate /path/to/cert.pem; ssl_certificate_key /path/to/key.pem; return 301 https://$host$request_uri;}

通过以上步骤，Nginx可高效实现动静分离，显著提升系统性能。实际部署时需根据业务需求调整缓存策略、负载均衡规则及安全配置。