nginx动静分离中的雷，你踩过吗？

2401_85112041

于 2024-06-19 13:24:22 发布

阅读量980

点赞数 9

文章标签： nginx 运维

本文链接：https://blog.csdn.net/2401_85112041/article/details/139800361

版权

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

带雷的配法

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

server {

listen 80;

server_name xxxxx.cn www.xxxxx.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;

}

配法一的缺陷：

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

产生该问题的原理是这样的：

#mermaid-svg-9dIr2BcWqxslacMe .label{font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family);fill:#333;color:#333}#mermaid-svg-9dIr2BcWqxslacMe .label text{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .node rect,#mermaid-svg-9dIr2BcWqxslacMe .node circle,#mermaid-svg-9dIr2BcWqxslacMe .node ellipse,#mermaid-svg-9dIr2BcWqxslacMe .node polygon,#mermaid-svg-9dIr2BcWqxslacMe .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-9dIr2BcWqxslacMe .node .label{text-align:center;fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .node.clickable{cursor:pointer}#mermaid-svg-9dIr2BcWqxslacMe .arrowheadPath{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-9dIr2BcWqxslacMe .flowchart-link{stroke:#333;fill:none}#mermaid-svg-9dIr2BcWqxslacMe .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-9dIr2BcWqxslacMe .edgeLabel rect{opacity:0.9}#mermaid-svg-9dIr2BcWqxslacMe .edgeLabel span{color:#333}#mermaid-svg-9dIr2BcWqxslacMe .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-9dIr2BcWqxslacMe .cluster text{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-9dIr2BcWqxslacMe .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-9dIr2BcWqxslacMe text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-9dIr2BcWqxslacMe .actor-line{stroke:grey}#mermaid-svg-9dIr2BcWqxslacMe .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-9dIr2BcWqxslacMe .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-9dIr2BcWqxslacMe #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-9dIr2BcWqxslacMe .sequenceNumber{fill:#fff}#mermaid-svg-9dIr2BcWqxslacMe #sequencenumber{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe #crosshead path{fill:#333;stroke:#333}#mermaid-svg-9dIr2BcWqxslacMe .messageText{fill:#333;stroke:#333}#mermaid-svg-9dIr2BcWqxslacMe .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-9dIr2BcWqxslacMe .labelText,#mermaid-svg-9dIr2BcWqxslacMe .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-9dIr2BcWqxslacMe .loopText,#mermaid-svg-9dIr2BcWqxslacMe .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-9dIr2BcWqxslacMe .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-9dIr2BcWqxslacMe .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-9dIr2BcWqxslacMe .noteText,#mermaid-svg-9dIr2BcWqxslacMe .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-9dIr2BcWqxslacMe .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-9dIr2BcWqxslacMe .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-9dIr2BcWqxslacMe .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-9dIr2BcWqxslacMe .mermaid-main-font{font-family:“trebuchet ms”, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .section{stroke:none;opacity:0.2}#mermaid-svg-9dIr2BcWqxslacMe .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-9dIr2BcWqxslacMe .section2{fill:#fff400}#mermaid-svg-9dIr2BcWqxslacMe .section1,#mermaid-svg-9dIr2BcWqxslacMe .section3{fill:#fff;opacity:0.2}#mermaid-svg-9dIr2BcWqxslacMe .sectionTitle0{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .sectionTitle1{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .sectionTitle2{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .sectionTitle3{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-9dIr2BcWqxslacMe .grid .tick text{font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .grid path{stroke-width:0}#mermaid-svg-9dIr2BcWqxslacMe .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-9dIr2BcWqxslacMe .task{stroke-width:2}#mermaid-svg-9dIr2BcWqxslacMe .taskText{text-anchor:middle;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .taskText:not([font-size]){font-size:11px}#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-9dIr2BcWqxslacMe .task.clickable{cursor:pointer}#mermaid-svg-9dIr2BcWqxslacMe .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-9dIr2BcWqxslacMe .taskText0,#mermaid-svg-9dIr2BcWqxslacMe .taskText1,#mermaid-svg-9dIr2BcWqxslacMe .taskText2,#mermaid-svg-9dIr2BcWqxslacMe .taskText3{fill:#fff}#mermaid-svg-9dIr2BcWqxslacMe .task0,#mermaid-svg-9dIr2BcWqxslacMe .task1,#mermaid-svg-9dIr2BcWqxslacMe .task2,#mermaid-svg-9dIr2BcWqxslacMe .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutside0,#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutside2{fill:#000}#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutside1,#mermaid-svg-9dIr2BcWqxslacMe .taskTextOutside3{fill:#000}#mermaid-svg-9dIr2BcWqxslacMe .active0,#mermaid-svg-9dIr2BcWqxslacMe .active1,#mermaid-svg-9dIr2BcWqxslacMe .active2,#mermaid-svg-9dIr2BcWqxslacMe .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-9dIr2BcWqxslacMe .activeText0,#mermaid-svg-9dIr2BcWqxslacMe .activeText1,#mermaid-svg-9dIr2BcWqxslacMe .activeText2,#mermaid-svg-9dIr2BcWqxslacMe .activeText3{fill:#000 !important}#mermaid-svg-9dIr2BcWqxslacMe .done0,#mermaid-svg-9dIr2BcWqxslacMe .done1,#mermaid-svg-9dIr2BcWqxslacMe .done2,#mermaid-svg-9dIr2BcWqxslacMe .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-9dIr2BcWqxslacMe .doneText0,#mermaid-svg-9dIr2BcWqxslacMe .doneText1,#mermaid-svg-9dIr2BcWqxslacMe .doneText2,#mermaid-svg-9dIr2BcWqxslacMe .doneText3{fill:#000 !important}#mermaid-svg-9dIr2BcWqxslacMe .crit0,#mermaid-svg-9dIr2BcWqxslacMe .crit1,#mermaid-svg-9dIr2BcWqxslacMe .crit2,#mermaid-svg-9dIr2BcWqxslacMe .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-9dIr2BcWqxslacMe .activeCrit0,#mermaid-svg-9dIr2BcWqxslacMe .activeCrit1,#mermaid-svg-9dIr2BcWqxslacMe .activeCrit2,#mermaid-svg-9dIr2BcWqxslacMe .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-9dIr2BcWqxslacMe .doneCrit0,#mermaid-svg-9dIr2BcWqxslacMe .doneCrit1,#mermaid-svg-9dIr2BcWqxslacMe .doneCrit2,#mermaid-svg-9dIr2BcWqxslacMe .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-9dIr2BcWqxslacMe .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-9dIr2BcWqxslacMe .milestoneText{font-style:italic}#mermaid-svg-9dIr2BcWqxslacMe .doneCritText0,#mermaid-svg-9dIr2BcWqxslacMe .doneCritText1,#mermaid-svg-9dIr2BcWqxslacMe .doneCritText2,#mermaid-svg-9dIr2BcWqxslacMe .doneCritText3{fill:#000 !important}#mermaid-svg-9dIr2BcWqxslacMe .activeCritText0,#mermaid-svg-9dIr2BcWqxslacMe .activeCritText1,#mermaid-svg-9dIr2BcWqxslacMe .activeCritText2,#mermaid-svg-9dIr2BcWqxslacMe .activeCritText3{fill:#000 !important}#mermaid-svg-9dIr2BcWqxslacMe .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe g.classGroup text{fill:#9370db;stroke:none;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family);font-size:10px}#mermaid-svg-9dIr2BcWqxslacMe g.classGroup text .title{font-weight:bolder}#mermaid-svg-9dIr2BcWqxslacMe g.clickable{cursor:pointer}#mermaid-svg-9dIr2BcWqxslacMe g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-9dIr2BcWqxslacMe g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-9dIr2BcWqxslacMe .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-9dIr2BcWqxslacMe .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-9dIr2BcWqxslacMe .dashed-line{stroke-dasharray:3}#mermaid-svg-9dIr2BcWqxslacMe #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe .commit-id,#mermaid-svg-9dIr2BcWqxslacMe .commit-msg,#mermaid-svg-9dIr2BcWqxslacMe .branch-label{fill:lightgrey;color:lightgrey;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .slice{font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-9dIr2BcWqxslacMe g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-9dIr2BcWqxslacMe g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-9dIr2BcWqxslacMe g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-9dIr2BcWqxslacMe .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-9dIr2BcWqxslacMe .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-9dIr2BcWqxslacMe .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-9dIr2BcWqxslacMe .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-9dIr2BcWqxslacMe .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-9dIr2BcWqxslacMe .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-9dIr2BcWqxslacMe .edgeLabel text{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:‘trebuchet ms’, verdana, arial;font-family:var(–mermaid-font-family)}#mermaid-svg-9dIr2BcWqxslacMe .node circle.state-start{fill:black;stroke:black}#mermaid-svg-9dIr2BcWqxslacMe .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-9dIr2BcWqxslacMe #statediagram-barbEnd{fill:#9370db}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-state .divider{stroke:#9370db}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-9dIr2BcWqxslacMe .note-edge{stroke-dasharray:5}#mermaid-svg-9dIr2BcWqxslacMe .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{–mermaid-font-family: ‘“trebuchet ms”, verdana, arial’;–mermaid-font-family: “Comic Sans MS”, “Comic Sans”, cursive}#mermaid-svg-9dIr2BcWqxslacMe .error-icon{fill:#522}#mermaid-svg-9dIr2BcWqxslacMe .error-text{fill:#522;stroke:#522}#mermaid-svg-9dIr2BcWqxslacMe .edge-thickness-normal{stroke-width:2px}#mermaid-svg-9dIr2BcWqxslacMe .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-9dIr2BcWqxslacMe .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-9dIr2BcWqxslacMe .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-9dIr2BcWqxslacMe .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-9dIr2BcWqxslacMe .marker{fill:#333}#mermaid-svg-9dIr2BcWqxslacMe .marker.cross{stroke:#333} :root { --mermaid-font-family: “trebuchet ms”, verdana, arial;} #mermaid-svg-9dIr2BcWqxslacMe { color: rgba(0, 0, 0, 0.75); font: ; } 浏览器域名 nginx 后端服务我想访问域名A 我要访问/，给我转发 nginx根据/找到了后端服务，后端服务会默认重定向到/index 重定向到/index 匹配/index下的静态资源返回浏览器域名 nginx 后端服务

【解释】/的优先级比较高，后端服务通过重定向的/index才会转到nginx上配置的/index。当/对应的后端服务挂掉的时候，/index下的静态资源也就无法访问了。

安全的配置方法

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;

写在最后

作为一名即将求职的程序员，面对一个可能跟近些年非常不同的 2019 年，你的就业机会和风口会出现在哪里？在这种新环境下，工作应该选择大厂还是小公司？已有几年工作经验的老兵，又应该如何保持和提升自身竞争力，转被动为主动？

就目前大环境来看，跳槽成功的难度比往年高很多。一个明显的感受：今年的面试，无论一面还是二面，都很考验Java程序员的技术功底。

最近我整理了一份复习用的面试题及面试高频的考点题及技术点梳理成一份“Java经典面试问题（含答案解析）.pdf和一份网上搜集的“Java程序员面试笔试真题库.pdf”（实际上比预期多花了不少精力），包含分布式架构、高可扩展、高性能、高并发、Jvm性能调优、Spring，MyBatis，Nginx源码分析，Redis，ActiveMQ、Mycat、Netty、Kafka、Mysql、Zookeeper、Tomcat、Docker、Dubbo、Nginx等多个知识点高级进阶干货！

由于篇幅有限，为了方便大家观看，这里以图片的形式给大家展示部分的目录和答案截图！