Nginx通过location反向代理网站找不到CSS，JS及图片问题解决方案

通过location划分来反向代理多个网站，意思是使用同一个域下(协议、域名、端口均相同)，通过路径的划分来代理不同的网站/服务。

例如：a网站为www.test.com/a/，b网站为www.test.com/b/，c网站为www.test.com/c/，这样的好处是只需要使用一个域名，abc三个网站之间不存在跨域问题，但有些代码中使用了绝对路径，那么在使用绝对路径时，跳转时用于区分网站的前缀"/a/”就会丢失,导致找不到css，js及图片的问题

方案一：给js、css和图片设置代理（适用只代理一个网站）

修改配置如下：

	location /web1/ {
	  	proxy_pass http://10.6.1.112:8080/; #这里加斜杠意味着URL，nginx会把前缀 /web1 替换掉
	}
	# 设置js css和图片代理路径，否则前端访问找不到
	location ~ .*\.(js|css)?$ {
	    expires 12h;
	    proxy_pass http://10.6.1.112:8080/;
	}
	location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)?$ {
	    expires 12h;
	    proxy_pass http://10.6.1.112:8080/;
	}

缺点：如果同时代理多个web系统，这个时候所有的js、css和图片资源都会代理到web1系统，则导致其他系统资源加载错误

方案二：通过subs_filter模块替换URL指定内容

location /web1/ {
  	proxy_pass http://10.6.1.112:8080/; #这里加斜杠意味着URL，nginx会把前缀 /web1 替换掉
  	proxy_set_header Accept-Encoding ""; 
  	#通过直接替换的方式把输出内容中的URL替换掉
  	sub_filter '"/' '"/gitlab/'; #把 "/ 替换成 "/gitlab/
  	sub_filter a.gcnao.com b.com; #把 a.gcnao.com 替换成 b.com
  	sub_filter_once off; #是否只替换一次
}

然后重启 Nginx 服务

nginx -s reload