Nginx 的动静分离

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

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

应用实例

1、准备环境

系统 角色 主机名 IP 服务
CentOS 7.2 反向代理 Nginx_Proxy 192.168.1.10 Nginx：v1.16.1
CentOS 7.2 静态资源 Nginx_Static 192.168.1.11 Nginx：v1.16.1
CentOS 7.2 动态资源 Tomcat_Server 192.168.1.12 Tomcat/7.0.76

2、配置服务器

2.1、在Nginx Static主机中配置静态资源（以图片为例）

[root@Nginx_Static]# vim /etc/nginx/conf.d/static.conf

server {

        listen 80;

        server_name static.com;

        root /data/www/static;

        index index.html;

        location ~* .*\.(png|jpg|gif)$ {

                root /data/www/static/images;

        }

}

#准备存放图片的目录及图片

[root@Nginx_Static]# mkdir -pv /data/www/static/images

[root@Nginx_Static]# wget -O /data/www/static/images/nginx.png http://nginx.org/nginx.png

[root@Nginx_Static]# systemctl restart nginx

2.2、在 Tomcat_Server主机中配置动态资源（以随机数为例）

#安装Tomcat，并编辑随机数的jsp文件

[root@Tomcat_Server]# yum -y install tomcat

[root@Tomcat_Server]# mkdir /usr/share/tomcat/webapps/ROOT

[root@Tomcat_Server]# vim /usr/share/tomcat/webapps/ROOT/java.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>

#重启tomcat服务

[root@Tomcat_Server]#

2.3、在Nginx_Proxy主机上配置代理，实现访问jsp和png

[root@Nginx_Proxy]# vim /etc/nginx/conf.d/proxy.conf

upstream static {

	server 192.168.1.11:80;

}

upstream java {

	server 192.168.1.12:8080;

}

server {

	listen 80;

	server_name proxy.com;

	location / {

		root /data/www/whole;

		index index.html;

	}

	location ~ .*\.(png|jpg|gif)$ {

		proxy_pass http://static;

	}

	location ~ .*\.jsp$ {

		proxy_pass http://java;

	}

}

#重启nginx

[root@Nginx_Proxy]# systemctl restart nginx

2.4、通过代理服务器测试访问动态及静态资源

2.5、在Nginx_Proxy主机上将动态和静态资源合并为html文件

[root@Nginx_Proxy]# mkdir /data/www/whole

[root@Nginx_Proxy]# vim /data/www/whole/index.html

<html lang="en">

<head>

        <meta charset="UTF-8" />

        <title>测试ajax和跨域访问</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://proxy.com/java.jsp",

        success: function(data) {

                $("#get_data").html(data)

        },

        error: function() {

                alert("fail!!,请刷新再试!");

        }

        });

});

</script>

        <body>

                <h1>测试动静分离</h1>

                <img src="http://proxy.com/nginx.png">

                <div id="get_data"></div>

        </body>

</html>

2.6、使用浏览器测试访问，动态及静态资源能否加载在一个html文件中

2.7、关闭静态资源的nginx服务后，发现静态内容无法访问，但动态内容可以正常浏览

2.8、关闭动态资源的tomcat服务后，发现动态内容无法访问，但静态内容可以正常浏览

Nginx的应用之动静分离的更多相关文章

  1. Nginx 和 IIS 实现动静分离

    前段时间,搞Nginx+IIS的负载均衡,想了解的朋友,可以看这篇文章:<nginx 和 IIS 实现负载均衡>,然后也就顺便研究了Nginx + IIS 实现动静分离.所以,一起总结出来 ...

  2. Nginx 和 IIS 实现动静分离【转载】

    前段时间,搞Nginx+IIS的负载均衡,想了解的朋友,可以看这篇文章:<nginx 和 IIS 实现负载均衡>,然后也就顺便研究了Nginx + IIS 实现动静分离.所以,一起总结出来 ...

  3. Nginx 和 IIS 实现动静分离（转）

    转载地址:https://www.cnblogs.com/paul8339/p/5825201.html 动静分离,说白了,就是将网站静态资源(HTML,JavaScript,CSS,img等文件)与 ...

  4. Nginx 反向代理功能-动静分离

    Nginx 反向代理功能-动静分离 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任.

  5. Nginx 配置实例-配置动静分离

    Nginx 配置实例-配置动静分离 1. 静态资源的创建 2. nginx 动静分离的配置 3. 验证 1. 静态资源的创建 这里使用的静态资源主要为 HTML 静态文件和图片. mkdir -vp ...

  6. nginx反向代理、动静分离

    环境:根据http://www.cnblogs.com/zzzhfo/p/6032095.html配置 方法一:根据目录实现动静分离 在web01创建image并上传一张图片作为静态页面 [root@ ...

  7. nginx+tomcat负载均衡+动静分离+redis集中管理session

    1.服务器A安装ng,服务器B.C安装tomcat: 2.服务器A建立/data/www目录,用于发布静态文件: 3.ng无动静分离配置: user root root; worker_process ...

  8. nginx反向代理（动静分离）

    使用反向代理(动静分离)可以让nginx专注静态内容,把动态请求交给apache来处理,发挥各自的优势,而且整个架构更加清晰: 这里假设你已经搭建好了nginx环境; 为了简单起见,就不用源码编译安装 ...

  9. [nginx] - 使用nginx实现反向代理,动静分离,负载均衡,session共享

    反向代理概念 先说正向代理,比如要访问youtube,但是不能直接访问,只能先找个FQ软件,通过FQ软件才能访问youtube. FQ软件就叫做正向代理.所谓的反向代理,指的是用户要访问youtube ...

  10. nginx（三）-动静分离

    什么叫动静分离 所谓动静分离就是说我们的图片,css,js之类的文件都交给nginx来处理,nginx处理不了的,比如jsp就交给tomcat来处理. 有人计算过,nginx代理处理静态请求远远优于t ...

随机推荐

  1. CF883J 2017-2018 ACM-ICPC, NEERC, Southern Subregional Contest - J. Renovation 贪心+树状数组

    首先对于一个月的预算,如果非常小的话,我们可以留到后面的 \(a_i\) 最大的月来用,因为 \(a_i\) 越大能够拆建筑的越多. 于是我们把 \(a_i\) 合并给 \(i\) 后面的 \(a\) ...

  2. JavaSE---JDK提供的命令行工具---javap

    1.javap 1.1 javap是JDK自带的反解析工具: 1.2 作用:就是根据class字节码文件,反解析出    当前类   对应的code区(汇编指令).本地变量表.异常表和代码行偏移量映射 ...

  3. Ubuntu12.04安装配置vncserver

    安装 sudo apt-get install vnc4server 修改配置文件 sudo vim ~/.vnc/xstartup #!/bin/sh # Uncomment the followi ...

  4. pylab和pyplot的区别

    Pylab combines the functionality of pyplot with the capabilities of NumPy in a single namespace, and ...

  5. 如何使用WidsMob Montage—蒙太奇制作有趣的动物照片？

    今天,越来越多的人有宠物.根据最近的一项调查,超过六成的美国人在家中至少有一只宠物.这些宠物不是动物,而是家庭成员.因此,有趣的动物照片成为社交媒体上的热门话题是有道理的.当您打开朋友圈或短视频APP ...

  6. 前端this相关

    前端this相关: <script> //示例一 function func1() { console.log(this); //this代指window } func1(); //win ...

  7. .Net Core 使用Redis进行数据缓存

    1.运行环境 开发工具:Visual Studio 2017 JDK版本:.NET Core 2.0 项目管理工具:nuget 2.GITHUB地址 https://github.com/nbfujx ...

  8. 重新调整动态vhdx占用的空间

    优化vhd:https://docs.microsoft.com/en-us/powershell/module/hyper-v/optimize-vhd?view=win10-ps 1. 弹出vhd ...

  9. 【BZOJ1396】识别子串（后缀自动机，线段树）

    题意: 一行,一个由小写字母组成的字符串S,长度不超过10^5 思路:论文题 设p为自动机上的合法结点,r为右端点,len=st[fa[p]]]+1 位置[r-st[p]+1,r-len+1]与r-i ...

  10. flutter 中的AppBar

    在flutter中的很多页面中,都会有下面这段代码: 对应就是下图中的红色线框区域,被称作AppBar顶部导航. 项目准备 在使用AppBar之前,我们先新建一个tabBar的项目: 然后在pages ...