nginx不能正常加载 CSS问题的解决方法
原文出自网络:用 nginx负载均衡,结果 返回的网页 不能加在图片 , 没有 样式。用 浏览器 F12追踪 发现 , 不能 加载 css 样式 。最后 发现 跟 http请求头配置有关, 最终解决问题location /{proxy_pass http://dr13am;proxy_set_headerHost$host;proxy_set_
·
用 nginx 负载均衡,结果 返回的网页 不能加载图片,没有css样式。
用 浏览器 F12 追踪 发现 , 加载 css 样式错误,无法加载 。
最后 发现 跟 http请求头的配置有关系, 最终解决问题
location /{
proxy_pass http://192.168.66.36:9090;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
原因:
nginx为了实现的需求而增加了一个ngx_http_proxy_module模块。其中proxy_set_header指令就是该模块需要读取的配置文件。在这里,所有设置的值的含义和http请求同中的含义完全相同,除了Host外还有X-Forward-For。
Host的含义是表明请求的主机名,因为nginx作为使用,而如果后端的服务器设置有类似防盗链或者根据中的host字段来进行路由或判断功能的话,如果层的nginx不重写请求头中的host字段,将会导致请求失败【默认反向代理服务器会向后端真实服务器发送请求,并且请求头中的host字段应为proxy_pass指令设置的服务器】。
同理,X_Forward_For字段表示该条http请求是有谁发起的?如果反向代理服务器不重写该请求头的话,那么后端真实服务器在处理时会认为所有的请求都来在反向代理服务器,如果后端有防攻击策略的话,那么机器就被封掉了。因此,在配置用作反向代理的nginx中一般会增加两条配置,修改http的请求头:
proxy_set_header Host $http_host;
proxy_set_header X-Forward-For $remote_addr;
这里的$http_host和$remote_addr都是nginx的导出变量,可以再配置文件中直接使用。如果Host请求头部没有出现在请求头中,则$http_host值为空,但是$host值为主域名。因此,一般而言,会用$host代替$http_host变量,从而避免http请求中丢失Host头部的情况下Host不被重写的失误。
更多推荐
已为社区贡献1条内容
所有评论(0)