通过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
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐