今天见到了另外一种动静分离的配置方式:这样的方式不太推荐。
经过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;
}
}
这样的情形下,当动态服务挂掉的时候,也不会影响静态资源的访问。更利于开发人员定位问题。