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

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

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

假设：

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

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

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

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

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

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

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

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.xx.com/productA
www.xx.com/productB
即可显示