使用nginx+tomcat实现静态和动态页面的分离-Java开发

使用Nginx和Tomcat实现静态和动态页面的分离，具体步骤如下：

使用Nginx和Tomcat实现静态和动态页面的分离，具体步骤如下：

步骤一：安装Nginx和Tomcat

首先需要安装Nginx和Tomcat，建议使用最新版本。可以在Ubuntu系统上通过以下命令进行安装：

sudo apt-get update
sudo apt-get install nginx tomcat9

步骤二：配置Nginx

接下来需要配置Nginx，使其作为Tomcat的反向代理。打开Nginx配置文件/etc/nginx/nginx.conf，添加以下配置：

http {
    server {
        listen 80;
        server_name example.com;

        location / {
            proxy_pass http://127.0.0.1:8080;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }      
    }
}

这里将Nginx监听80端口，并将请求代理给Tomcat的默认端口8080。然后重启Nginx服务以使配置生效：

sudo service nginx restart

步骤三：部署静态页面

现在可以在Nginx的默认文档目录/var/www/html下部署静态页面。在该目录下新建一个名为index.html的文件，内容为：

<!DOCTYPE html>
<html>
<head>
    <title>Static Page</title>
</head>
<body>
    <h1>This is a static page</h1>
</body>
</html>

然后可以在浏览器中访问http://example.com，将看到这个静态页面。

步骤四：部署动态页面

接下来可以部署Tomcat上的Java web应用程序作为动态页面。这里以部署一个名为demo的Java web应用程序为例。

首先在Tomcat的conf/server.xml文件中添加以下配置：

<Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">
    <Context path="/demo" docBase="/path/to/demo" reloadable="true" />
</Host>

这里将Tomcat的/webapps目录下的demo.war文件解压到了/path/to/demo目录中。

然后可以在浏览器中访问http://example.com/demo/index.jsp，将看到这个动态页面。

示例说明

以上步骤完成后，可以在Nginx上访问静态页面，在Tomcat上部署Java web应用程序作为动态页面。比如在Nginx的默认文档目录/var/www/html下新建一个名为about.html的文件，内容为：

<!DOCTYPE html>
<html>
<head>
    <title>About Us</title>
</head>
<body>
    <h1>About Us</h1>
    <p>We are a team of developers.</p>
</body>
</html>

然后可以在浏览器中访问http://example.com/about.html，将看到这个静态页面。

另外，在Tomcat中新建一个Java web应用程序，内容为：

@WebServlet("/hello")
public class Hello extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html");
        PrintWriter out = response.getWriter();
        out.println("<html><head><title>Hello World</title></head>"
                + "<body><h1>Hello World</h1></body></html>");
    }

}

然后可以在浏览器中访问http://example.com/demo/hello，将看到这个动态页面。