访问不同端口号时,解决跨域问题

当面临跨域问题且涉及多个端口时,可以使用Nginx的反向代理功能。只需在Nginx配置文件中设定不同location,指定不同的后端服务器端口,前端则统一通过Nginx的端口进行访问。例如,配置为9001端口的Nginx代理1111和2222端口的服务,通过location~/aaa/和~/ccc/分别代理。如果Nginx部署在虚拟机上,需将localhost替换为虚拟机IP。
摘要由CSDN通过智能技术生成

在跨域的问题上,当有一个端口号的时候,解决起来还好,只需要在类上加注解 @CrossOrigin,就可以解决。

但是要访问两个,甚至多个的时候,怎么办?

很好解决,使用Nginx!

Nginx 很好的解决了多端口 跨越问题,应用Nginx的反向代理 功能,前端只需要访问 Nginx 的端口号,不需要管请求发送到哪个端口上。

而Nginx 只需要修改 配置文件的反向代理配置即可。

配置如下:

server{
       listen Nginx的端口号;
       server_name localhost;
       location ~/请求的路径/ { 
           proxy_pass http://localhost:请求到服务器的端口号;
       }
       location ~/请求的路径/ {
           proxy_pass http://localhost:请求到服务器的端口号;
       }
    }

例子:
server{
       listen 9001;
       server_name localhost;
       location ~/aaa/ { 
           proxy_pass http://localhost:1111;
       }
       location ~/ccc/ {
           proxy_pass http://localhost:2222;
       }
    }

注意:要是访问 虚拟机上 的Nginx ,需要将localhost 换成虚拟机的 ip 地址!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值