同一端口有2个前端应用应该如何配置nginx.conf

最新推荐文章于 2025-03-13 16:55:48 发布

原创

最新推荐文章于 2025-03-13 16:55:48 发布

· 1.8k 阅读

3 ·

版权

文章标签：

#nginx

本文介绍如何在nginx中配置同一端口同时部署两个不同的前端应用A和B，通过设置不同路径实现访问。将应用包放在html目录下，编辑nginx.conf配置文件，重启nginx后，可以通过http://192.168.163.59:8001/A和http://192.168.163.59:8001/B访问各自应用。若要设定默认应用，需进一步修改配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：
业务系统中有2种完全不同角色，页面没有相同模块拆分成了2个应用A和B，但后端是同一个后端，部署的时候要求A和B在同一端口下。

问：如何配置nginx

首先我们将A、B前端包放到/opt/app/jhscf/deploy/html下，这样html就有2个文件夹，A和B
然后找到nginx.conf文件，利用vim打开并编辑

server {
        listen       8001;
        server_name  localhost;
        charse  tutf-8;
        location /A {
                root   /opt/app/jhscf/deploy/html;
                index  index.html index.htm;
        }

        location /B {
                root   /opt/app/jhscf/deploy/html;
                index  index.html index.htm;
        }
        location /approve {
                proxy_pass  http://192.168.163.59:8082;
        }

}

重启nginx之后，我们地址栏输入http://192.168.163.59:8001/A 即可访问A应用，http://192.168.163.59:8001/B即可访问B应用

思考：如果我们访问http://192.168.163.59:8001想默认到一个应用，应该如何处理？
代码如下

server {
        listen       8001;
        server_nam

最低0.47元/天解锁文章