前后端联调

已于 2023-02-08 12:20:56 修改
阅读量911 收藏 5
点赞数
分类专栏： 项目 文章标签： 前端 服务器 运维
于 2023-02-08 12:20:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EGXXM/article/details/128933375
版权

问题：后端代码修改之后，要部署到服务器，前端才可以用服务器环境测试，例如api，例如前端代码
但是有时候，后端需要频繁的更新，希望更新到一定程度再去部署服务器，要不然每次部署很麻烦

这时候就需要一点联调技术了
其实很简单

1、后端运行代码
2、打开防火墙中用的网络，例如我此时和前端人员都是连的公用网络，就是wifi，那就把这个防火墙关闭，当然了在这一步，你们也可以公用一个人的手机热点也是一样的
3、去黑窗口，ipconfig，看你的ipv4地址，给前端人员
4、apifox或者前端代码中的环境更新为后端的ipv4即可，调用后端接口

在这里插入图片描述

不之道
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue项目前后端联调(使用proxyTable实现跨域方式)
10-15
主要介绍了Vue项目前后端联调(使用proxyTable实现跨域方式)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前端及前后端联调工作流程.pptx
02-21
前端及前后端联调工作流程.pptx
和前端联调后端应该做的事
qq_51537858的博客
06-20 1182
一.查看IPV4地址：二.打开控制面板：
前端连接后端本地代码调试
wjyfire的博客
12-22 1万+
因为项目前后端分离，要与前端进行接口联调，后端本地启动项目，前端配置IP地址后可以直接访问后端启动的本地项目接口。 前提条件是两台电脑得处于同一局域网下。 此教程后端台式机，前端Mac笔记本。 1、后端启动java项目，接口能正常访问 2、后端电脑cmd输入ipconfig获取ip地址给到前端 3、前端打开Mac终端输入vim /etc/hosts 配置后端IP地址 4、前端用配置的域名可以正常访问接口 ...
关闭防火墙-(联调本地不通-可能的几种原因)
终是庄周
03-13 688
如果电脑和手机端都无法调通 1.未关闭防火墙 如果电脑可以调通,但是手机不可以,切换wifi网络.有可能不在同一个WiFi下
前端访问后端接口 浏览器提示拒绝访问
m0_63683320的博客
05-30 2657
访问ip地址 浏览器提示拒绝访问
使用natapp进行前后端远程联调
qq_37432174的博客
04-25 1025
近期，和几个朋友业余搞点原创科技项目来玩玩，因为都是线上沟通，和远程开发，前后端联调不在一个局域网内，开发时，前后端相关人员都是居家远程联调，这边采用的简单的解决方案：隧道技术+内网穿透，简单处理了。记录一下话不多说，这边我用的工具是：natapp。会有的朋友可以直接跳过了首先，去官网注册一下，免费的注册完后，这边相关法律规定，需要实名免费购买隧道配置你映射到你本地的端口确定你本地的服务的正常运作的下载客户端到本地找你对应的版本在natapp.exe同级目录下新建config.ini。
【转载】如何有效的实现前后端联调
wkkkk_k的博客
10-13 5436
一.首先明白什么是前后端？ 前端：前端即网页前台部分，运行在 PC端，移动端等以浏览器的方式展现给用户浏览的网页，我自己的理解是拆开的：前指可视的样子就像人与人相交流，端指设备终端。 后端：简单来说，后端开发就是开发人员编写的不能直接看到的代码。后端主要负责应用程序中的业务逻辑，以及从前端提取和检索数据。还有就是是从数据库或其他数据源写入、读取和处理数据。 二.什么是前后端分离开发模式？ 前后端分离的开发模式：系统分析阶段，系分和前端开发人员约定好页面上所需的逻辑变量，进入功能开发阶段，前端开发人员
前后端本地联调
热门推荐
qq_62022086的博客
10-24 1万+
前端和后端进行本地联调的操作步骤。
前后端异地、接口如何联调呢
愿天
03-24 4692
前后端异地、接口如何联调呢？ 1、那无非就是测试服务器 把接口部署测试服务器上然后进行联调，但是出现问题了就只能查看日志了 前后端异地、该怎么Debug联调到本地呢？ 1、如果不是在同一局域网下的话，就需要借助vpn了，比如：蒲公英vpn等 2、就是通过域名外网ip转载到本地进行。 3、就是内网穿透，通过域名进行搭建和外网ip进行转载到本地内网项目！特别简单 ...
钉钉内网穿透实现前后端联调
qq_51641196的博客
04-04 1553
一.开启钉钉隧道1.下载工具在Git Bash中输入命令git clone https://github.com/open-dingtalk/dingtalk-pierced-client.git2.启动工具(windows系统)找到刚下载的工具(文件名dingtalk-pierced-client),找到其中的windows_64文件夹,在地址栏输入cmd3.开启隧道(1)输入命令ding -...
webpack里如何配置反向代理，怎样配置反向代理，webpack配置反向代理(前后端联调)，如何用反向代理解决跨域问题
01-20
 反向代理解决的就是跨域，在前后端联调的情况下，前端有服务器，后端也有服务器，那么联调时，就存在跨域问题 三、反向代理的原理  通过伪造请求使得http请求为同源的，然后将同源的请求发送到反向代理服务器上，...
国密sm2、3、4前后端联调加解密.docx
07-05
国密sm2\3\4前后端联调加解密，前端vue,后端springboot
Macbook使用nginx与后端项目链接——前后端联调
m0_73331690的博客
12-21 191
在学习苍穹外卖项目时，下载nginx并在nginx.conf文件中配置好前端项目后，点击登陆发现没有反应，原来是没有进行Nginx反向代理。第一个箭头处可以修改自己想要的端口号，第二个箭头处则输入在第一步中我们移入html文件夹中的前端文件名。1.首先打开打开nginx安装目录，将我们的前端项目移入到其中的html文件下。加入此串代码，其中端口号与后端项目端口号保持一致。2.然后打开nginx.conf文件，通常路径为。配置完保存后，使用以下代码重启nginx。然后启动后端项目，重新点击登陆，即可进入。
前后端怎样联调？前端需要后端提供什么？
2301_79438441的博客
10-11 909
因为我是连接的wifi 所以查找的是图中标红的网络适配器下的 IPv4地址，将这个地址复制下来发送给前端。3.将后端接口端口号发送给前端 比如：8080等（端口不固定根据自己的情况来）（注：本人小菜鸟一枚，只是分享下自己遇到的情况，随手写的不是太详细，欢迎指正）前端需要测试后端写的代码，后端需要提供什么东西给前端呢？打开本地命令窗口 输入 ipconfig。4.然后前端将这些配置好后，后端将服务跑起来就可以了。
用了这个 IDE 插件，5分钟解决前后端联调！
程序猿DD
04-08 8444
点击上方蓝色“程序猿DD”，选择“设为星标”回复“资源”获取独家整理的学习资料！作者 |李海庆我是一个 Web 开发前端工程师，受到疫情影响，今天是我在家办公的第78天。开发了两周，...
利用frp进行接口远程联调测试(支持域名、https)
itdragons的博客
11-19 1564
frp: 一款强大的内网穿透工具， http://diannaobos.com/frp/ 场景：后端和前端在AB两座不同的城市，希望可以在一个网段内本地联调。 最终实现：可以通过域名请求我本机启动的服务，达到远程调试的目的。 前置条件：一台有公网的服务器即可 域名解析配置 nginx配置（80端口一般被nginx使用，如果不做域名访问，可以跳过） server{ listen 80; ...
本地前后端联调方式一
够浪
08-05 461
前后端直接联调
vue源码之mustache模板引擎1
最新发布
qweasl_的博客
05-21 167
模板引擎的一个有点：它是将数据转为视图的最优雅的方法。相信vue的玩家首先想到的是。而还没学vue的朋友，就只能进行dom操作了。通过数组的join方法。以及es6推出的模板字符串。
mybatisplus分页前后端联调
08-25
在进行MyBatisPlus分页前后端联调时，你可以按照以下步骤进行操作： 1. 首先，确保你的项目中已经添加了MyBatisPlus的依赖，并且已经配置好了数据库连接信息和实体类映射关系。 2. 在前端页面中，你需要使用Vue和ElementUI进行页面的开发。可以利用ElementUI的表格组件来展示分页数据，并使用axios发送请求与后端进行数据交互。 3. 在后端代码中，你需要定义一个Controller来接收前端的请求，并调用相应的Service方法进行数据处理。在Controller中，你需要使用@RequestParam注解来接收前端传递的分页参数，如页码和每页显示数量。 4. 在Service层中，你需要定义一个方法来处理分页查询的逻辑。可以通过调用MyBatisPlus提供的分页查询方法来实现分页功能。使用Page对象来设置分页参数，然后调用Mapper的selectPage方法进行查询。 5. 将查询结果返回给Controller，并将结果封装成一个Page对象，包含总记录数和当前页的数据列表。 6. 最后，将Page对象返回给前端，前端可以根据返回的数据进行页面的展示和渲染。 通过以上步骤，你可以实现MyBatisPlus分页前后端联调，并在前端页面中展示分页数据。这样用户就可以通过前端页面进行分页查询和浏览数据了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [前后端联调实例-讲师管理](https://blog.csdn.net/qq_29645505/article/details/109432535)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [springboot框架整合SSM案例-图书管理系统 源码分享](https://download.csdn.net/download/ebb29bbe/87628288)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不之道

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值