简单的本地局域网的前后端接口联调

由于项目被赶进度了，急于前后端联调接口，但是我又没钱买服务器（主要我也不会部署），所以我这里就紧急找一个后端的大神朋友请教了一下：苏泽SuZe-CSDN博客

提示：这里不讲后端怎么写接口、前端怎么写接口、ApiFox怎么模拟发送请求，这些我在之前的篇章有写，网上也有教程，我这里仅仅讲述前后端的两台电脑如何在一个局域网里、在没有服务器的情况下简单的联调接口。

后端写接口：后端之路第二站（正片）——SprintBoot之：设置请求接口_springboot如何添加接口请求ip显示-CSDN博客文章浏览阅读1k次，点赞20次，收藏30次。目前的企业都是采用前后端分离开发的，在开发阶段前后端需要统一发送请求的接口，前端也需要在等待后端把数据存到数据库之前，自己也要有一些数据用来测试前端页面的，那么这时就需要一个前后端开发合作的接口软件黑马视频李推荐的是postman，但是我不建议，我强烈推荐Apifox！！第一、他是中文的，别的是英文的第二、操作方便，基本很多企业、团队都在用下载很简单，应用商店、官网都可以下载安装。_springboot如何添加接口请求ip显示https://blog.csdn.net/m0_73991249/article/details/138960594
后端之路第二站（正片）——SprintBoot之：设置响应-CSDN博客文章浏览阅读1.1k次，点赞20次，收藏27次。前面《》我这一篇讲过，要在一个【请求处理类】开头声明一个“注解”：【@RestController】​但是没有详细讲这到底是啥玩意，点击它的源码我们可以看到它是由多个【@...】这样的注解组合成的，先不用管别的，重点看下图红色这两个注解：【@Controller】、【@ResponseBody】​【@Controller】是请求，以我粗糙的见解暂时可以理解为“axios、reques”这样的玩意【@ResponseBody】是把对象转化成JSON格式响应回给前端。https://blog.csdn.net/m0_73991249/article/details/138999795 

ApiFox发请求的使用：后端之路第二站（正片）——SprintBoot之：设置请求接口_springboot如何添加接口请求ip显示-CSDN博客文章浏览阅读1k次，点赞20次，收藏30次。目前的企业都是采用前后端分离开发的，在开发阶段前后端需要统一发送请求的接口，前端也需要在等待后端把数据存到数据库之前，自己也要有一些数据用来测试前端页面的，那么这时就需要一个前后端开发合作的接口软件黑马视频李推荐的是postman，但是我不建议，我强烈推荐Apifox！！第一、他是中文的，别的是英文的第二、操作方便，基本很多企业、团队都在用下载很简单，应用商店、官网都可以下载安装。_springboot如何添加接口请求ip显示https://blog.csdn.net/m0_73991249/article/details/138960594

1、首先，打开一个人的热点，两台电脑都连上这个热点

2、查询【后端的】电脑的IP地址

控制台cmd，然后输入下面这个命令

ipconfig

然后就会看到你的网络地址

这时记住这个地方：【无线局域网适配器 WLAN:】的【IPv4 地址】，这就是你的ip地址！

3、接下来用【ping】定位测试两个电脑连接上没有

不用了解太多，非要知道是什么的话参考这篇文章：ping是什么-CSDN博客

然后在cmd控制台输入ping命令：

ping 刚刚后端查到的那个ip地址

显示上图这样就是连接成功

下面这样就算失败，检查两个电脑是否连上一个热点，不要公用wifi，因为有可能有防火墙拦截

如果还是不行你就把刚刚ipconfig查到的所有的ipV4的地址都试一遍.......

4、然后叫后端在application.properties文件多加一个配置再运行

后端应该知道，【application.properties】是个配置文件，连接数据库等等的配置，这里我用的spring boot的web框架所以没有接数据库也没有别的啥配置，看下面图片不要觉得奇怪......

那么一个网址有三大部分组成：【协议】+【域名（+端口）】+【接口】，而我们现在要获得的就是【域名】，协议ApiFox会自带不用我们写，接口要后端提供，而现在我们要做的是后端自己先把【域名】确定了

那么在不改之前，我们本地的域名就默认是【localhost】，端口是【8080】（当然有的可能是8081，端口也是不同的，要去配置文件看清楚），但是我们现在要让前端的请求能连上我们后端的域名网址，那就不能是【localhost】，要变成我们刚刚用ping联通上的【ip地址】！！！

所以我们点开【application.properties】配置文件能看到已经有了默认的端口配置：

server.port=8080

现在我们只需要再加一个配置：

server.address = 后端的ip地址

现在你们前端的域名url就可以写成：【 ip地址:8080 】

5、现在只需要前后端确认好接口，【域名】+【接口】就可以了

举个例子

后端的接口

前端用ApiFox新建一个接口测试

别忘了是get/post哪一种请求、有没有请求体、有没有请求头，如果都没有问题的话，应该是可以正常联调了