配置方式一:

配置多少个前端就开启多少个端口定义多少个server

# 配置第一个前端项目
     server {
        listen       80;
        server_name  127.0.0.1;

        # 前端项目二
        location / {
            root   html/dist;
            index  index.html index.htm;
        }
    }


# 配置第二个前端项目
     server {
        listen       90;
        server_name  127.0.0.1;

        # 前端项目二
        location / {
            root   html/dist_cz;
            index  index.html index.htm;
        }
    }

配置一访问路径:

        访问前端一:

                http://127.0.0.1:80

        访问前端二:

                http://127.0.0.1:90

配置方式二:

一个server中配置多个前端

     server {
        listen       80;
        server_name  127.0.0.1;

        # 前端项目一
        location / {
            root   html/dist/;
            index  index.html index.htm;
        }    

		# 前端项目二
        location /cz {
            alias   html/dist_cz; # 一个server中配置多个前端项目要使用alias,不要使用root
            index  index.html index.htm;
        }
    }

配置一访问路径:

        访问前端一:

                http://127.0.0.1:80

        访问前端二:

                http://127.0.0.1:80/cz

核心:

        一个server中配置多个前端项目要使用alias;

其它补充:

        后台获取用户真实IP地址可配置如下信息

        location /api/{ # 后端代理
	    proxy_set_header X-Real-IP $remote_addr; # 配置此信息可在代码中获取用户的真实IP地址
	    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 配置此信息可在代码中获取用户的真实IP地址
        proxy_pass http://192.168.101.100:8080/;
       }

        

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐