nginx 实现多域名转发到web服务不同路径

最新推荐文章于 2025-07-03 10:34:08 发布

原创最新推荐文章于 2025-07-03 10:34:08 发布 · 1.8w 阅读

3 ·

CC 4.0 BY-SA版权

NodeJs 同时被 2 个专栏收录

25 篇文章

订阅专栏

运维

3 篇文章

订阅专栏

本文介绍了一种将多个前端应用合并到单个Node.js服务的方法，并详细探讨了使用Nginx进行子路径代理配置的过程。文章解决了静态资源加载及API请求路径匹配等问题。

项目背景

我们有个项目前端是用vue 写的，node 起的web服务，中转api到后台接口。

但是项目下有多个平台，可以理解成多个端，每个端都有自己的node web服务，绑定不同端口，如3001 3002 3003 3004 ...

这有个麻烦的就是部署，需要启多个服务。

现在想把多个端合并在一起，起一个node web 服务。

端的区别用路径。如a 端就是／a ,b端就是／b

这样在开发时是可以使用的。麻烦的一点就是解决多个端session 的问题。

部署时需要www.x.com 访问/

a.x.com 访问 /a/

b.x.com 访问/b/

这样就需要用nginx 实现代理了。

但是又有一个问题，a.x.com 访问的是/a/，导致静态资源加载不了。

解决：

location ~ .*\.(jpg|gif|jpeg|bmp|png|ico|js|json)$
{
access_log off;
root /mnt/csyl_web/public;
#expires 定义用户浏览器缓存的时间为7天，如果静态页面不常更新，可以设置更长，这样可以节省带宽和缓解服务器的压力
expires 1d;
}

测试时发现发起的api 请求访问不到。

请求都是在根目录，通过a.xx.com访问的就是/a/get 了。

还需要想办法解决，区分开来。

因为是SPA 项目，只有一个页面，请求/时node 返回页面。其他的都是请求了。

location = / 时访问/a/

location / 时访问／

以下是代码

#----------------wwww
    server {
        listen       80;
        server_name  www.a.com;
   	location / {
            proxy_pass http://localhost:3010/;
        }
     }	
#----------------------------g
    server {
        listen       80;
        server_name  g.a.com;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location ~ .*\.(jpg|gif|jpeg|bmp|png|ico|js|json)$ 
        { 
            access_log off;            
            root /mnt/csyl_web/public;
        #expires 定义用户浏览器缓存的时间为7天，如果静态页面不常更新，可以设置更长，这样可以节省带宽和缓解服务器的压力
            expires      1d; 
        } 


        location = / {
            #root   html;
            #index  index.html index.htm;

            proxy_http_version  1.1;
            proxy_set_header    X-Real-IP $remote_addr;
            proxy_read_timeout  120;
            proxy_set_header    Host $http_host;
            proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header    Upgrade $http_upgrade;
            proxy_set_header    Connection "upgrade";
            proxy_buffering off; #禁用缓存
            #proxy_pass          http://myapp;
            proxy_pass http://localhost:3010/webg/;
        }
        location / {
            proxy_pass http://localhost:3010/;
        }
    }



   #-----------------------------o
    server {
        listen       80;
        server_name  o.a.com;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

	    location ~ .*\.(jpg|gif|jpeg|bmp|png|ico|js|json)$ 
        { 
            access_log off;            
            root /mnt/csyl_web/public;
        #expires 定义用户浏览器缓存的时间为7天，如果静态页面不常更新，可以设置更长，这样可以节省带宽和缓解服务器的压力
            expires      1d; 
        } 
        location = / {
            #root   html;
            #index  index.html index.htm;

            proxy_http_version  1.1;
            proxy_set_header    X-Real-IP $remote_addr;
            proxy_read_timeout  120;
            proxy_set_header    Host $http_host;
            proxy_set_header    X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header    Upgrade $http_upgrade;
            proxy_set_header    Connection "upgrade";
            proxy_buffering off; #禁用缓存
            #proxy_pass          http://myapp;
            proxy_pass http://localhost:3010/webo/;
        }


        location / {
            proxy_pass http://localhost:3010/;
            #index  index.html index.htm;
        }

        
    }