Nginx实现通过不同的url前缀访问不同的前后端项目

,所以目前就可以通过给网页访问链接增加不同的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;
        }
		
    }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

gblfy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值