Nginx通过location反向代理网站找不到CSS,JS及图片问题解决方案
通过location划分来反向代理多个网站,意思是使用同一个域下(协议、域名、端口均相同),通过路径的划分来代理不同的网站/服务。
·
通过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
更多推荐
已为社区贡献2条内容
所有评论(0)