nginx+Tomcat的动静分离

tech2025-10-23 4

nginx+Tomcat的动静分离

一：实验目的二：实验环境三：实验步骤3.1：nginx配置3.2：Tomcat配置3.3：动静分离配置3.4：动静分离验证3.5：Tomcat动态页面中的静态图片资源放到nginx中

一：实验目的

当客户端访问网站时，静态页面nginx自己处理，动态页面转交给Tomcat处理

二：实验环境

二台虚拟机，一台配置nginx，一台配置Tomcat

三：实验步骤

3.1：nginx配置

安装所需软件包 [root@nginx ~]# yum install pcre-devel zlib-devel gcc gcc-c++ make -y 创建运行用户、组 [root@nginx ~]# useradd -M -s /sbin/nologin nginx 解压软件包，编译、安装 [root@nginx ~]# cd /opt [root@nginx opt]# ls nginx-1.12.2.tar.gz rh [root@nginx opt]# tar zxvf nginx-1.12.2 [root@nginx opt]# cd nginx-1.12.2/ [root@nginx nginx-1.12.2]# ./configure \ > --prefix=/usr/local/nginx \ > --user=nginx \ > --group=nginx \ > --with-http_stub_status_module [root@nginx nginx-1.12.2]# make && make install 优化执行路径 [root@nginx nginx-1.12.2]# ln -s /usr/local/nginx/sbin/nginx /usr/local/sbin 启动服务 [root@nginx nginx-1.12.2]# nginx

3.2：Tomcat配置

安装Tomcat所需的jdk环境 [root@tomcat ~]# cd /opt [root@tomcat opt]# ls apache-tomcat-9.0.16.tar.gz jdk-8u91-linux-x64.tar.gz rh [root@tomcat opt]# tar zxvf jdk-8u91-linux-x64.tar.gz -C /usr/local/ 添加环境变量 [root@tomcat opt]# vim /etc/profile //在末行加入 export JAVA_HOME=/usr/local/jdk1.8.0_91 export JRE_HOME=${JAVA_HOME}/jre export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib # .代表当前位置/usr/local/ export PATH=${JAVA_HOME}/bin:$PATH [root@tomcat opt]# source /etc/profile //使环境变量生效解压Tomcat压缩包 [root@tomcat opt]# tar apache-tomcat-9.0.16.tar.gz -C /usr/local/ 优化执行路径 [root@tomcat opt]# ln -s /usr/local/tomcat/bin/startup.sh /usr/local/bin/ [root@tomcat opt]# ln -s /usr/local/tomcat/bin/shutdown.sh /usr/local/bin/ 启动Tomcat [root@tomcat opt]# startup.sh

3.3：动静分离配置

客户端的静态文件请求nginx自己处理，动态文件请求转发给Tomcat处理

修改nginx的配置文件 [root@nginx nginx-1.12.2]# vim /usr/local/nginx/conf/nginx.conf ...... server { ...省略... location ~.*.jsp$ { proxy_pass http://192.168.209.146:8080; ##192.168.209.146 Tomcat服务器的地址 proxy_set_header Host $host; } 创建静态页面 [root@nginx nginx-1.12.2]# vim /usr/local/nginx/html/index.html <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>静态页面</title> <style> body { width: 35em; margin: 0 auto; font-family:Tahoma,Verdana,Arial,sans-serif; } </style> </head> <body> <h1>静态页面</h1> <p>这是个静态页面</p> </body> </html> 重启nginx服务 [root@nginx nginx-1.12.2]# killall -s QUIT nginx [root@nginx nginx-1.12.2]# nginx Tomcat服务上创建一个动态测试页面 [root@tomcat opt]# mkdir /usr/local/tomcat/webapps/test [root@tomcat opt]# vim /usr/local/tomcat/webapps/test/index.jsp <!DOCTYPE html> <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.Date" %> <%@ page import="java.text.SimpleDateFormat" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>动态页面</title> </head> <body> <div>动态页面</div> </body> </html>

3.4：动静分离验证

//访问静态 http://192.168.209.145

//访问动态 http://192.168.209.145/test/index.jsp

3.5：Tomcat动态页面中的静态图片资源放到nginx中

在Tomcat的动态页面中放入一张图片 [root@tomcat conf]# cd /usr/local/tomcat/webapps/ [root@tomcat webapps]# ls docs examples host-manager manager ROOT test [root@tomcat webapps]# cd test/ [root@tomcat test]# ls index.jsp [root@tomcat test]# vim index.jsp

修改nginx的配置文件 [root@nginx html]# vim /usr/local/nginx/conf/nginx.conf server { listen 80; server_name localhost; //添加以下字段 location ~.*\.(gif|jpg|jpeg|png|bmp|swf|css)$ { root html; expires 30d; } nginx中创建图片资源的目录注意：目录名称需要和Tomcat中的项目名称相同 Tomcat指路径，nginx放图片 [root@nginx html]# mkdir /usr/local/nginx/html/test [root@nginx html]# cd /usr/local/nginx/html/test/ [root@nginx test]# rz -E rz waiting to receive. [root@nginx test]# ls tomcat.jpg 客户端访问验证

最新回复(0)