nginx实现动静分离

2023-12-18 阅读量

Nginx实现动静分离

环境准备

角色	IP地址
负载均衡（lb）	192.168.10.3
web1（静态资源）	192.168.10.200
web2（动态资源）	192.168.10.201

实现过程

1️⃣ web1配置静态资源；

[root@web1 /etc/nginx/conf.d]#vim nanxi.conf
server {
        listen 80;
        root /code;
		charset utf-8,gbk;
		
        location / {
        index index.html;
        }

}
[root@web1 /code]#echo '<h1><center>南汐666520</center></h1>' >index.html

2️⃣ web2配置一个动态资源；

[root@web2 ~]#yum -y install tomcat
...
[root@web2 ~]#yum -y install java
...
[root@web2 ~]#mkdir /usr/share/tomcat/webapps/ROOT
[root@web2 /usr/share/tomcat/webapps/ROOT]#cat java_test.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<HTML>
    <HEAD>
        <TITLE>nanxi JSP Page</TITLE>
    </HEAD>
    <BODY>
        <%
            Random rand = new Random();
            out.println("<h1>显示随机数:<h1>");
            out.println(rand.nextInt(99)+100);
        %>
    </BODY>
</HTML>
测试访问如下，8080为tomcat的默认端口

3️⃣ 集成至负载均衡；（测试时记得修改hosts文件）

最后集成显示的效果如下：

Nginx资源分离知识补充

[root@lb /code]#mkdir android
[root@lb /code]#mkdir iphone
[root@lb /code]#mkdir pc
[root@lb /code]#echo "我是安卓页面" > /code/android/index.html
[root@lb /code]#echo "我是iphone页面" > /code/iphone/index.html
[root@lb /code]#echo "我是电脑页面" > /code/pc/index.html

实现效果如下：

实际企业中不会分的那么清楚，代码资源一般只分移动端和PC端；