news 2026/5/15 14:32:03

前后端远程协作

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
前后端远程协作

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

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

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

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

  1. 去官网注册:https://www.cpolar.com/
  2. 下载客户端,解压运行
  3. 执行命令(假设你本地接口跑在localhost:8080
cpolar http 8080
  1. 工具会生成一个公网地址,例如:https://xxx.cpolar.io
  2. 把这个地址发给前端,直接调用你的本地接口

优点:

  • 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(打电话问运营商),可以直接用路由器端口映射。但配置麻烦、网络不稳定,不推荐开发用

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/15 14:31:08

深度解析Amis低代码框架:企业级应用开发的完整实战指南

深度解析Amis低代码框架:企业级应用开发的完整实战指南 【免费下载链接】amis 前端低代码框架,通过 JSON 配置就能生成各种页面。 项目地址: https://gitcode.com/GitHub_Trending/am/amis 在当今快速迭代的企业应用开发环境中,前端开…

作者头像 李华
网站建设 2026/5/15 14:27:23

uAgents框架实战:Python构建去中心化AI智能体与区块链集成

1. 项目概述:当智能体遇见区块链最近在探索AI智能体(Agent)与区块链技术结合的前沿领域时,一个名为“uAgents”的开源框架引起了我的注意。它来自Fetch.ai,一个专注于构建去中心化机器学习与智能体生态的项目。简单来说…

作者头像 李华
网站建设 2026/5/15 14:27:15

Lua字节码逆向工程终极指南:如何使用LuaDec51轻松反编译Lua 5.1脚本

Lua字节码逆向工程终极指南:如何使用LuaDec51轻松反编译Lua 5.1脚本 【免费下载链接】luadec51 Lua Decompiler for Lua version 5.1 项目地址: https://gitcode.com/gh_mirrors/lu/luadec51 你是否曾经遇到过需要分析已编译的Lua脚本却找不到源代码的情况&a…

作者头像 李华