,所以目前就可以通过给网页访问链接增加不同的url前缀,来让Nginx去实现同一端口下访问不同的前后端项目。具体配置如下:
(我这里是前端两个项目各自对应后端的两个服务)

server {
		#这里默认监听80端口,可根据项目需要自行设置需要监听的端口号
        listen       80;
        server_name  此处填写项目发布的域名或者ip地址;

        location / {
			root   此处填写前端项目文件路径(默认访问的前端项目一的路径);
            index  index.html index.htm;
        }
		
		#这里因为每个server只能有一个root 所以在根目录默认有root之后,可以通过alias来配置其他文件路径
		#ex: http://www.xxx.com:xxx/unst/#/xxx,将/unst这个前置在页面跳转时加入url的#号之前即可
        location /unst {
			alias  此处填写前端项目文件路径(前端项目二的路径);
            index  index.html index.htm;
        }
		
		#前端项目一对应的后端服务一的跳转配置
		location /st/ {
			proxy_redirect  off;
            proxy_set_header  Host  $host; 
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
			proxy_pass   http://127.0.0.1:8089;
        }
        
  		#前端项目二对应的后端服务二的跳转配置
        location /un/ {	
			proxy_pass   http://127.0.0.1:8091;
        }
		
    }
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐