解决nginx部署后，反向代理css、js、图片等样式不加载的问题

绝地灬酷狼 2021-09-02 03:48 2072阅读 0赞

[https://blog.csdn.net/qq\_29298577/article/details/85050862][https_blog.csdn.net_qq_29298577_article_details_85050862]

[https://blog.csdn.net/21aspnet/article/details/6583317][https_blog.csdn.net_21aspnet_article_details_6583317]

解决方案：

在nginx的配置文件中加上

location ~ \\.(jpg|png|jpeg|bmp|gif|swf|css)$  
        \{  
            access\_log off;  
            expires 30d;  
            root /www/htdocs/market;  
            break;  
        \}

## 这里有2种方案可以解决，这里只介绍第一种，第二种我也没试过，但是觉得应该可行 ##

1、修改nginx的conf配置文件

2、更改web服务器contextPath为ip+端口的方式，举例：HttpServletRequest.getContextPath();

## 使用nginx的反向代理后，发现页面能正常跳转，可是css、js和相关的图片就是不出来,如下图 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3o2OTE4Mzc4Nw_size_16_color_FFFFFF_t_70][]

##  ##

## 查看了a标签内的链接发现，contextPath竟然用的是nginx的负载均衡服务器的列表名称 ##

## ![70][] ##

然我将配置文改成以下的内容后成功解决了问题

user nobody;
    worker_processes 4;
    events{
            worker_connections 1024;
    }
    http{
            upstream xd-project{
                    server 47.52.68.xx:8080;
                    server 45.40.205.xx;
            }
            server{
                    listen 80;
                    location / {
                            proxy_pass http://xd-project;
     
                    }
     
                    location ~ .* {
                            proxy_pass http://xd-project;
                            proxy_set_header Host $http_host;
                            proxy_set_header X-Real-IP $remote_addr;
                            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                    }
            }
    }

[https_blog.csdn.net_qq_29298577_article_details_85050862]: https://blog.csdn.net/qq_29298577/article/details/85050862
[https_blog.csdn.net_21aspnet_article_details_6583317]: https://blog.csdn.net/21aspnet/article/details/6583317
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3o2OTE4Mzc4Nw_size_16_color_FFFFFF_t_70]: /images/20210527/830a4f2fc90d4f688332970ecb13a19e.png
[70]: /images/20210527/cdad467e2a344af9be96cc4a6dad1057.png