关于Nginx动静分离详解以及配置（nginx动静分离的作用）燃爆了

随心笔谈2年前发布编辑

150 0

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

动静分离，通过中间件将动态请求和静态请求进行分离，分离资源，减少不必要的请求消耗，减少请求延时。

好处：动静分离后，即使动态服务不可用，但静态资源不会受到影响

通过中间件可以将动态请求和静态请求进行分离

在这里插入图片描述

系统服务服务地址centos7.5负载均衡Nginx proxy192.168.81.210centos7.5静态资源Nginx static192.168.81.220centos7.5动态资源Tomcat server192.168.81.230

1.创建动静分离配置文件
[root@localhost ~]# cd /etc/nginx/conf.d/
[root@localhost conf.d]# vim ds.conf
#动静分离
server {
listen 80;
server_name ds.com;

location / {
root /web;
index index.html;
}

location ~* .*\.(png|jpg|gif)$ {
root /web/images;
}
}

2.重载Nginx
[root@localhost conf.d]# nginx -t
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful
[root@localhost conf.d]# systemctl reload nginx

3.准备图片
[root@localhost conf.d]# mkdir /web/images
[root@localhost conf.d]# wget -O /web/images/nginx.png http://nginx.org/nginx.png

在这里插入图片描述

1.编译安装tomcat
[root@localhost soft]# tar xf apache-tomcat-7.0.92.tar.gz -C /application/

2.写入动态文件
[root@localhost soft]# cd /application/
[root@localhost application]# vim apache-tomcat-7.0.92/webapps/ROOT/java_test.jsp
<%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%>
<HTML>
<HEAD>
<TITLE>JSP Test Page</TITLE>
</HEAD>
<BODY>
<%
Random rand=new Random();
out.println(“<h1>Random number:</h1>”);
out.println(rand.nextInt(99)+100);
%>
</BODY>
</HTML>

3.启动服务
[root@localhost application]# cd apache-tomcat-7.0.92/
[root@localhost apache-tomcat-7.0.92]# https://www.jb51.net/article/bin/startup.sh

2.4.1.配置动静分离负载均衡

[root@localhost conf.d]# vim lb_ds.conf
#整合动静分离
upstream static_photo {
server 172.16.1.20:80;
}

upstream java {
server 172.16.1.30:8080;
}

server {
listen 80;
server_name ds.com;
access_log /nginx_log/lb_ds_access.log main;

location / {
root /web/ds;
index index.html;
}

location ~* .*\.(jpg|png|gif)$ {
proxy_pass http://static_photo;
proxy_set_header HOST $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

location ~* .jsp$ {
proxy_pass http://java;
proxy_set_header HOST $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}

2.4.2.编写整合动静分离代码

[root@localhost conf.d]# vim /web/ds/index.html
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<title>测试动静分离</title>
<script src=”http://libs.baidu.com/jquery/2.1.4/jquery.min.js”></script>
</head>
<script type=”text/javascript”>
$(document).ready(function(){
$.ajax({
type: “GET”,
url: “http://ds.com/java_test.jsp”,
success: function(data) {
$(“#get_data”).html(data)
},
error: function() {
alert(“fail!!,请刷新再试”);
}
});
});
</script>
<body>
<h1>测试动静分离</h1>
<h1>上面为静态图片，下面为动态页面</h1>
<img src=”http://ds.com/nginx.png”>
<div id=”get_data”></div>
</body>
</html>

看着是一个页面实则不同机器在做处理

在这里插入图片描述

到此这篇关于关于Nginx动静分离详解以及配置的文章就介绍到这了,更多相关Nginx动静分离详解内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:Nginx动静分离配置实现与说明服务器的负载均衡nginx+tomcat实现动静分离Nginx+Tomcat负载均衡及动静分离群集的实现nginx从安装到配置详细说明(安装,安全配置,防盗链,动静分离,配置 HTTPS,性能优化)nginx实现动静分离的方法示例