使用Nginx设置反向代理后无法识别css,js等等问题解决办法

我们都知道，使用nginx反向代理后，一个端口可以代理多个tomcat或者是一个tomcat下可以放置多个项目来启动。

场景一：假设，在一个tomcat下，放置两个项目，在nginx上做两个不同域名映射。

假设：

A项目对应的域名是：a.xx.com

B项目对应的域名是：b.xx.com

做好映射后，启动项目、启动nginx,访问，项目可以访问，但是js、css都是404，如下图：

0d88d9a18c5ec5c588aa8e83f60a4609.png

解决思路： 既然反向代理的路径找不到怕文件，那么就单独指定js、css文件多访问路径即可。

在nginx的config配置文件中，修改方法：

创建location ~.*\.(gif|jpg)${},(如果配置文件中已经有location ~.*\.(gif|jpg)的不用创建),

在这个大括号里面添加，proxy_pass 值。其中的ip和端口，就是你自己项目的(如果已经存在的，不创建，检查是不是没有prox_pass 这个。凯哥就是没有这个，然后添加后就可以了)。具体代码如下：

cbcc99def548141104f089b6fa7a8622.png

 location ~ .*\.(gif|jpg|jpeg|bmp|png|ico|txt|js|css)$
    {
       proxy_pass http://127.0.0.1:8080;
       expires      12h;
     
    }

这里 凯哥顺便说下：

同一个Nginx服务器同一端口配置多个tomcat服务代理

    #默认指向product的server
        location / {
            proxy_pass http://product_server;
        }
 
		#使用location对不同请求做相应处理
        location /productA/{
            proxy_pass http://productA_server;
        }
 
        location /productB/ {
            proxy_pass http://image_server;
        }

上面这些配置信息是配置在server{}中的

网址输入 www.nginx.com/productA www.nginx.com/productB 即可显示