解决windows下，Nginx启动项目后静态资源不加载的问题。

最新推荐文章于 2025-07-02 00:58:02 发布

原创

最新推荐文章于 2025-07-02 00:58:02 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#nginx

本文介绍了在Windows系统中，当使用Nginx启动项目并配置负载均衡后，遇到页面静态资源（如CSS、JS）无法加载的问题。通过分析，发现静态资源路径被Nginx接管，导致请求错误。为解决此问题，可以修改Nginx的配置文件，确保静态文件路径指向Tomcat集群的正确位置，从而实现正常加载。

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

Windows下使用Nginx启动项目达到服务器负载均衡的效果，启动Tomcat部署完项目之后，使用Nginx的端口访问发现进入页面后没有css样式，js等静态资源不加载的问题。
在网页上按F12发现静态资源的路径全部由Nginx接管，路径全部变成了Nginx的地址。
所以修改Nginx的conf文件。
在这里插入图片描述


   upstream  netitcast.com {  #服务器集群名字   
        server    127.0.0.1:8081  weight=1;#服务器配置   weight是权重的意思，权重越大，分配的概率越大。  
        server    127.0.0.1:8080  weight=2;  
    }  
   server {
        listen       81;
        server_name  localhost;

        #配置静态资源交给nginx处理，这里先只配置js和jpg
        location ~ .*\.(js|jpg|html|css)$ {
		proxy_pass http://netitcast.com;
        }
        #配置除静态资源以外的交给tomcat处理
        location / {
                 proxy_pass http://netitcast.com;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

或者删掉

      #配置静态资源交给nginx处理，这里先只配置js和jpg
        location ~ .*\.(js|jpg|html|css)$ {
		proxy_pass http://netitcast.com;
        }

然后页面就有效果了。
静态文件使用了tomcat集群下的路径，而不是Nginx指定的静态文件路径。

最低0.47元/天解锁文章

200万优质内容无限畅学