侧边栏壁纸
博主头像
Adrian博主等级

曙光在头上,不抬起头,便永远只能看见物质的闪光。

  • 累计撰写 108 篇文章
  • 累计创建 67 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

nginx动静分离配置,这个雷你踩过吗?

Adrian
2021-12-15 / 0 评论 / 0 点赞 / 116 阅读 / 1,057 字
温馨提示:
本文最后更新于 2021-12-15,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

来源 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;
    }   
}

配法一的缺陷:

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

原理是这样的:

image.png

安全的配置方法

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;
        }
}

image.png

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

0
博主关闭了当前页面的评论