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

由于项目被赶进度了,急于前后端联调接口,但是我又没钱买服务器(主要我也不会部署),所以我这里就紧急找一个后端的大神朋友请教了一下:苏泽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哪一种请求、有没有请求体、有没有请求头,如果都没有问题的话,应该是可以正常联调了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/753342.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

C#——里氏转换详情

里氏转换 里氏转换就是派生类的对象赋值给父类对象,反之则不行 实例 : 先创键一个类然后继承 调用

双路视频同屏显示(拼接)-基于野火Zynq7020开发板

前情提要 米联客FDMA驱动OV5640摄像头—基于野火Zynq7020开发板 本文在此基础上,实现了双路视频拼接。将ov5640输出的1024600的图像数据缩放为512600,分两路写入ddr3,并且显示在1024*600的RGB屏幕中。 纯FPGA也可以按此方法实现。 总体BLOC…

【C++ 初阶路】--- 类和对象(末)

目录 一、const成员1.1 取地址及const取地址操作符重载 二、再谈构造函数2.1 构造函数体赋值2.2 初始化列表2.3 explicit关键字 三、static成员3.1 概念3.2 特性 四、友元4.1 友元函数4.2 友元类 五、内部类六、匿名对象 一、const成员 将const修饰的“成员函数”称之为const成…

Qt creator实现一个简单计算器

目录 1 界面设计 2 思路简介 3 代码 目录 1 界面设计 ​2 思路简介 3 代码 3.1 widget.h 3.2 widget.c 4 完整代码 在这里主要记载了如何使用Qt creator完成一个计算器的功能。该计算器可以实现正常的加减乘除以及括号操作,能实现简单的计算器功能。 1 界…

北京站圆满结束!MongoDB Developer Day上海站,周六见!

上周六 MongoDB Developer Day首站北京站 80位开发者与MongoDB一起度过了充实的一天 专题讲座➕动手实操➕专家面对面交流 从数据建模、进阶查询技巧 到Atlas搜索与向量搜索 让参会伙伴们直呼“满满的技术干货!” 全体参会者与工作人员合影 MongoDB Developer …

【unity笔记】五、UI面板TextMeshPro 添加中文字体

Unity 中 TextMeshPro不支持中文字体,下面为解决方法: 准备字体文件,从Windows系统文件的Fonts文件夹里拖一个.ttf文件(C盘 > Windows > Fonts ) 准备字库文件,新建一个文本文件,命名为“字库”&…

Vue组件化、单文件组件以及使用vue-cli(脚手架)

文章目录 1.Vue组件化1.1 什么是组件1.2 组件的使用1.3 组件的名字1.4 嵌套组件 2.单文件组件2.1 vue 组件组成结构2.1.1 template -> 组件的模板结构2.1.2 组件的 script 节点2.1.3 组件的 style 节点 2.2 Vue组件的使用步骤2.2.1 组件之间的父子关系2.2.2 使用组件的三个步…

低代码+定制:优化项目管理的新方案

引言 在当今快速变化的商业环境中,企业需要更加灵活、高效的项目管理工具。低代码平台作为一种新的开发方式,因其能够快速构建应用程序而受到广泛关注。与此同时,软件定制开发仍然是满足特定复杂需求的重要手段。在项目管理中,低代…

建筑可视化中使用云渲染的几大理由

在建筑行业中,可视化技术已成为不可或缺的一部分。无论是设计方案的展示、施工进度的模拟,还是最终效果的呈现,建筑可视化都发挥着至关重要的作用。 建筑可视化是指通过计算机技术和图形学算法,将建筑设计、规划和施工过程中的数据…

社交风潮塑造者:探索用户在Facebook的影响力

在当今数字化社会中,Facebook不仅是人们社交互动的主要平台,更是塑造社交风潮和文化趋势的重要力量。本文将从另一个角度深入探讨用户在Facebook上的影响力,探索其如何通过个人行为和互动,影响和改变社会的各个方面。 个人表达和内…

一站式企业服务平台能够帮助企业解决哪些问题?

近年来一站式企业服务平台备受区域政府及园区管理者的青睐,充当着区域政府或园区的千里眼和顺风耳,可以用来捕捉与区域经济发展相关的信息,也可以用来倾听企业的诉求,更是成为了区域深抓企业服务的多面手。 同时,一站式…

AI 卖货主播大模型:Streamer-Sales 销冠!MoneyPrinterTurbo :简直就是营销号的梦想工具!

AI 卖货主播大模型:Streamer-Sales 销冠!MoneyPrinterTurbo :简直就是营销号的梦想工具! AI 卖货主播大模型:Streamer-Sales 销冠! 项目简介 Streamer-Sales 销冠 —— 卖货主播大模型 是一个能够根据给定的商品特点从激发用户购…

linux中 nginx+tomcat 部署方式 tomcat挂掉设置自动启动

在Linux环境下,要实现当Tomcat挂掉后自动重启,可以通过编写Shell脚本结合cron定时任务或者使用系统守护进程(如Systemd、Upstart或SysVinit)来完成。 使用Shell脚本和cron定时任务 编写检查并重启Tomcat的Shell脚本:首…

我的创作纪念日学期总结

🔥个人主页: Forcible Bug Maker 🔥专栏: 关于博主 目录 🌈前言🔥我的期末考试🔥我的学期总结🔥对未来的展望🌈结语 🌈前言 本篇博客主要内容:博…

maven 打包执行配置(对maven引用的包或者丢进去的包都包含在里面)打成jar包

一 、springboot jar包 maven的pom文件 1 在resources下放了一些文件想打进去jar包 2 在lib下放了其他稀奇古怪jar包文件想打进去jar包 编写如下引入jar <build><!-- 打包名称 --><finalName>${project.artifactId}</finalName><resources><…

在预训练语言模型主流架构

文章目录 编码器-解码器架构因果解码器架构前缀解码器架构在预训练语言模型时代,自然语言处理领域广泛采用了预训练 + 微调的范式,并诞生了以 BERT 为代表的编码器(Encoder-only)架构、以 GPT 为代表的解码器(Decoder-only)架构和以 T5 为代表的编码器-解码器(Encoder-d…

重磅!UOSDN焕新,开启创新之旅!

亲爱的开发者们 经过精心打磨和优化 全新改版的UOSDN&#xff08;统信开发者支持网络&#xff09; 已经正式上线啦&#xff01; 我们致力于为您打造一个更加便捷、高效、富有创意和互动性的开发平台&#xff0c;详情&#x1f449;https://uosdn.uniontech.com/ 以UOSDN作为载…

uni-app 微信小程序开发到发布流程

1. uni-app 微信小程序开发到发布流程 1.1. 新建一个uni-app 项目 1.2. 发行微信小程序 1.3. 微信开发者平台的微信小程序appid 复制进来&#xff08;点击发行&#xff09; 1.4. IDE may already started at port xxxx, trying to connect &#xff08;1&#xff09;关闭微信…

ffmpeg编码图象时报错Invalid buffer size, packet size * < expected frame_size *

使用ffmpeg将单个yuv文件编码转为jpg或其他图像格式时&#xff0c;报错&#xff1a; Truncating packet of size 11985408 to 3585 [rawvideo 0x1bd5390] Packet corrupt (stream 0, dts 1). image_3264_2448_0.yuv: corrupt input packet in stream 0 [rawvideo 0x1bd7c60…

借助AI写代码,使用通义灵码智能编写Java和Vue3项目,在Idea和vscode里用AI写代码

在人工智能技术越来越成熟的当下&#xff0c;好多人说AI会取代程序员&#xff0c;这句话石头哥不知可否。但是有一点可以肯定&#xff0c;会熟练使用Ai&#xff0c;驾驭Ai的程序员肯定不会被时代所淘汰。所以今天石头哥就来教大家如何借助Ai来提升自己的代码编写效率。 一&…