nginx动静分离

最新推荐文章于 2022-06-07 21:15:14 发布

only老K

最新推荐文章于 2022-06-07 21:15:14 发布

阅读量218

点赞数

分类专栏： nignx入门文章标签： nginx

本文链接：https://blog.csdn.net/weixin_44255950/article/details/104759172

版权

nignx入门专栏收录该内容

3 篇文章 0 订阅

订阅专栏

博客内容

传送门
实现

传送门

nginx入门
 nginx反向代理
 nginx负载均衡

实现

原理图
在这里插入图片描述
先做域名穿透。然后重新拷贝一份nginx出来重新命名为nginx2

然后开始制作容器（创建新文件夹nginx2data用来做共享目录）

启动一个静态资源服务器

docker run -it -p 1010:1010 --name=staticNginx -v /testDome/data/nginx2:/etc/nginx  -v /testDome/data/nginx2data:/home/nginx nginx镜像ID

docker ps 查看启动成功
在这里插入图片描述
修改nginx2中的nginx.conf和default.conf文件
nginx.conf

不要配置upstream了，因为nginx2只是用作静态资源服务器用，并非是代理服务器

在这里插入图片描述
default.conf

测试就完事了

在这里插入图片描述
静态服务器搭建好…
我们还需要做到访问两个tomcat的时候也能够读取到图片
nginx.conf配置如下:

  upstream www.onlyk.com{
         server 172.17.0.3:8080 weight=1;
         server 172.17.0.4:9090 weight=2;
    }
    
    upstream static.onlyk.com{
         server 172.17.0.5:1010;
    }

在这里插入图片描述
default.conf配置如下：

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ {
	proxy_pass http://static.onlyk.com;
	}
	
	location ~ .*\.(js|css)?$ {
	   proxy_pass http://static.onlyk.com;
	}
	
	location ~ .*\.(html)?$ {
	   proxy_pass http://static.onlyk.com;
	}

在这里插入图片描述
修改tomcat1、tomcat2中的index.jsp，方便myNginx代理服务器的代理效果

<html lang="en">
    <head>
        <title><%=request.getServletContext().getServerInfo() %></title>
        <link href="favicon.ico" rel="icon" type="image/x-icon" />
        <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <link href="tomcat.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="http://static.onlyk.com/static/css/common.css">
    <script src="http://static.onlyk.com/static/js/common.js"></script>
    </head>

    <body>
	8080
      <img src="http://static.onlyk.com/static/img/peien.jpg" alt="1111">
    </body>
</html>