1、互联网动静分离架构

动静分离是指，静态页面与动态页面分开不同系统访问的架构设计方法。

七.Nginx动静分离 - 图1

2、Nginx实现动静分离

①项目准备
我们起一个springboot项目，端口9093，写一个动态方法，链接到index.html。在index.html里，引入静态js,但是工程里不引入js，将js放到静态资源服务器，目录：/home/soft/static。代码如下：

  1. @SpringBootApplication
  2. @Controller
  3. public class NginxDemoApplication {
  5.     public static void main(String[] args) {
  6.         SpringApplication.run(NginxDemoApplication.class, args);
  7.     }
  9.     @GetMapping("/index")
  10.     public String index() {
  11.         return "index";
  12.     }
  13. }

image.png
image.png
②配置Nginx
静态资源，引用我们静态服务器的静态资源路径：/home/soft/static

  1. server {
  2.         listen       80;
  3.         server_name  47.104.146.31;
  5.          #拦截动态请求
  6.         location / {
  7.             proxy_pass http://localhost:9093;
  8.             proxy_set_header X-Real-IP $remote_addr;
  9.         }
  11.        #拦截静态资源
  12.        location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|js|css)$ {
  13.             root /home/soft/static;
  14.         } 
  16. }

③启动工程
访问http://47.104.146.31/，我们会发现，工程里面没有jquery.js，但是实际效果却引用成功了。这是因为Nginx将静态资源路径指向了：/home/soft/static。由此，动静分离小Demo成功。
image.png