前后端远程协作

方案 1:内网穿透(最推荐,零成本、一键搞定)

这是开发阶段最常用的方式,把你本地电脑的服务,暴露到公网,前端直接访问公网地址即可。

推荐工具:cpolar / natapp / ngrok(三选一,都免费)

我以 cpolar 举例(国内速度快,不用翻墙):

  1. 去官网注册:https://www.cpolar.com/

  2. 下载客户端,解压运行

  3. 执行命令(假设你本地接口跑在 localhost:8080

    cpolar http 8080

  4. 工具会生成一个公网地址,例如:https://xxx.cpolar.io

  5. 把这个地址发给前端,直接调用你的本地接口

优点:

  • 1 分钟配置完
  • 免费够用
  • 本地改代码,前端实时看到效果

方案 2:同一局域网访问(最简单,前提:你们连同一个 WiFi)

如果前端和你连的是家里同一个路由器 / WiFi,直接用局域网 IP 访问。

步骤:

  1. 查看你本机的局域网 IP
  • Windows:cmd 输入 ipconfig → 找 IPv4 地址,例如 192.168.1.105
  • Mac/Linux:终端输入 ifconfigip addr
  1. 确保你的服务监听 0.0.0.0例如 Spring Boot:

    复制代码
    server.address=0.0.0.0

    这样局域网内其他设备才能访问。

  2. 前端访问地址:

    复制代码
    http://192.168.1.105:8080/你的接口

优点:

  • 最快、无延迟
  • 不用装任何工具

方案 3:部署到云服务器(正式测试用)

如果你有阿里云 / 腾讯云服务器:

  1. 把项目打包(jar、war 等)
  2. 上传到服务器运行
  3. 前端访问:http://服务器公网IP:端口/接口

优点:

  • 稳定不掉线
  • 适合联调、演示

方案 4:临时公网 IP(不推荐,不稳定)

如果你家宽带是公网 IP (打电话问运营商),可以直接用路由器端口映射。但配置麻烦、网络不稳定,不推荐开发用

相关推荐
咩咩啃树皮8 小时前
第40篇:Vue3组件化开发精讲——组件拆分、复用、父子通信、工程化架构
java·前端·架构
鱟鲥鳚8 小时前
Spring Boot 集成 LangChain4j:从模型调用到 Tool Calling(Demo版)
java·spring boot
大模型码小白10 小时前
【Python零基础教程】继承、多态与魔法函数:面向对象编程三大核心特性详解
java·大数据·开发语言·人工智能·python·ai编程
腾渊信息科技公司10 小时前
Spring Boot对接MES实战:视觉检测数据自动同步方案
java·人工智能·spring boot·后端·计算机视觉·ai·软件需求
爱笑的源码基地11 小时前
高并发 Redis 缓存门诊HIS系统源码,含财务统计药房进销存
java·程序·门诊系统·诊所系统·云诊所源码
wuqingshun31415912 小时前
TCP超时重传机制是为了解决什么问题?
java
莫逸风14 小时前
【AgentScope 2.0】 0. 学习指南
java·llm·agent·agentscope
z1234567898615 小时前
2026最新两款AI编程工具深度对比实测
java·数据库·ai编程
yaoxin52112315 小时前
470. Java 反射 - Member 接口与 AccessFlag
java·开发语言·python
做个文艺程序员15 小时前
Linux第24篇:Java应用监控体系搭建:Prometheus+Grafana可视化运维
java·grafana·prometheus