nginx动静分离配置，这个雷你踩过吗？

来源 https://www.kancloud.cn/mr_zihan/deploy/2345747

今天见到了另外一种动静分离的配置方式：这样的方式不太推荐。

经过nginx的排查，发现连静态页面都无法访问。经过仔细的排查、测试，终于真相大白。

带雷的配法

该服务中的nginx是这样配置的，我们把它称为配法一：

server {
    listen       80;
    server_name  ywhyhb.cn www.ywhyhb.cn;
    
    location / {
        proxy_pass http://localhost:8080;
        proxy_set_header  Host  $host;
        proxy_set_header  X-Real-IP  $remote_addr;
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
        
        #以下三句话是对websocket的支持.转换1.1协议为websocket
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";

        root   html;
        index  index.html index.htm;
    }   
    
    
    location /index {
        root   /usr/local/webdata/html/home;
        index index.html;
    }   
}

配法一的缺陷：

• 当动态服务出现问题的时候，静态页面也无法访问。

原理是这样的：

安全的配置方法

server {
        listen       80;
        server_name  localhost;
        location / {
            root   /data/work/html/angular-admin;
            try_files $uri $uri/ /index.html;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        location /api-file {
            proxy_pass http://192.168.30.22:9200/api-file;
            proxy_set_header  Host  $host;
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
        }
}

这样的情形下，当动态服务挂掉的时候，也不会影响静态资源的访问。更利于开发人员定位问题。