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

请叫我程序猿_呆维德

于 2021-11-16 21:04:12 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

文章标签：分布式 mysql 数据库

本文链接：https://blog.youkuaiyun.com/dengwei2010/article/details/121364702

本文介绍如何在使用Nginx实现负载均衡时解决静态资源加载失效的问题，通过添加配置确保正确代理和转发请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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地址访问服务，那么上面配置中的 $h o s t 后面应该加上监听的端口号，如：$ $host:8088，否则会出现负载均衡后端口号丢失的问题