如何实现多子网家庭网络中Angular前端与Spring Boot后端的跨子网访问？

核心背景 #

你家的网络里，Fritzbox是主路由（192.168.178.X），Asus AX86（192.168.1.X）和Honor（192.168.3.X）都是二级路由，WAN口连在Fritzbox的LAN口上。默认情况下二级路由会开启NAT，导致不同二级子网之间无法直接通信，按下面的步骤配置即可解决问题：

步骤1：将二级路由切换为纯路由模式 #

把Asus和Honor的NAT功能关闭，切换成纯路由模式（不要选AP模式，AP模式会将所有设备归到同一子网，不符合当前子网划分需求）：

• 进入Asus/Honor的管理后台，找到“互联网设置”或“WAN设置”选项；
• 给WAN口分配一个Fritzbox子网（192.168.178.X）内的固定IP，比如Asus设为192.168.178.2，Honor设为192.168.178.3；
• 关闭“NAT转换”或“地址转换”功能；
• 保持二级路由的DHCP服务器正常运行，确保各自子网（1.X和3.X）能正常分配IP。

步骤2：在Fritzbox上添加静态路由 #

告诉主路由如何定位另外两个子网：

• 进入Fritzbox管理后台，找到“网络设置”→“路由”→“静态路由”；
• 添加两条路由规则：
  1. 目标网络填192.168.1.0/24，下一跳地址填Asus的WAN口静态IP（比如192.168.178.2）；
  2. 目标网络填192.168.3.0/24，下一跳地址填Honor的WAN口静态IP（比如192.168.178.3）。

步骤3：给二级路由添加静态路由（可选） #

如果二级路由未自动学习到主路由的路由表，在Asus和Honor上分别添加指向对方子网的路由：

• 在Asus后台添加：目标网络192.168.3.0/24，下一跳地址填Fritzbox的LAN口IP（通常为192.168.178.1）；
• 在Honor后台添加：目标网络192.168.1.0/24，下一跳地址同样填192.168.178.1。

步骤4：关闭防火墙限制 #

• 检查Honor路由器的防火墙，允许来自192.168.1.0/24子网的请求，同时开放8080和4200端口；
• 运行应用的设备（192.168.3.203）的本地防火墙（如Windows防火墙、Linux iptables）也要放开这两个端口的入站连接。

步骤5：测试连通性 #

• 在192.168.1.X子网的设备上执行ping 192.168.3.203，能正常连通说明路由配置生效；
• 直接访问http://192.168.3.203:8080（Spring Boot后端）和http://192.168.3.203:4200（Angular前端），验证应用可正常访问。

备选方案（无法修改二级路由模式时使用） #

如果无法关闭二级路由的NAT，可采用端口转发方式：

• 在Honor后台设置端口转发，将WAN口（192.168.178.3）的8080端口转发到192.168.3.203:8080，4200端口转发到192.168.3.203:4200；
• 此时1.X子网的设备需通过http://192.168.178.3:8080和http://192.168.178.3:4200访问应用。

内容的提问来源于stack exchange，提问作者Cem Pamir Bana