Nginx实现负载均衡后无法加载页面样式

Nginx负载均衡，无法加载页面样式

使用Nginx实现负载均衡后，可能会出现静态资源无法加载的问题

upstream any-server {
    server 127.0.0.1:8080;
    server 127.0.0.1:8081;
}

server {
    listen 8089;
    server_name localhost; 
    location /any_path {
        proxy_pass http://any-server/;
}

解决办法

添加如下代码，在实现负载均衡的同时加载静态资源

# 配置负载均衡后，加载静态资源文件
location / {
    proxy_pass http://any-server/;
    proxy_set_header Host $host:8088;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}

注意
如果是通过IP地址访问服务，那么上面配置中的$host后面应该加上监听的端口号，如：$$host:8088，否则会出现负载均衡后端口号丢失的问题