前端如何走通后端接口

简介: 现在基本都是前后端分离的项目了,那么前端小伙伴如何获取后端小伙伴接口呢?

0 写在前面

现在基本都是前后端分离的项目了,那么前端小伙伴如何获取后端小伙伴接口呢?

1 条件

同一WiFi下,让后端小伙伴分享出自己的ip地址:
步骤1:win+r调出运行界面
image.png

步骤2:cmd调出命令行窗口
image.png

步骤3:输入ipconfig回车获取ip地址
image.png

192.168.0.142
步骤4:将后端服务端口复制
image.png

9010
步骤5:将接口地址复制
image.png

/notic/slot
步骤6:将需要传输的参数复制
image.png

因为此处逻辑的问题,此处只需要传递公告内容,所以这个地方需要根据业务实际传输。

@Data
public class Notic extends Identification{
   
   
    @ApiModelProperty(value = "公告内容")
    private String noticeContent;
}

步骤7:将复制的数据串联起来
target: 'http://192.168.0.142:9010/'
url: 'http://192.168.0.142:9010/notic/slot'
{"noticeContent":"XXXXX"}

2 写在结尾

现在有的路由器基本都是一个2.4G一个5G频段
所以一定要选择对同一个网段,不然有时候对接不上。

相关文章
|
10天前
|
前端开发 NoSQL 数据库
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
部署常用的流程,可以用后端,连接宝塔,将IP地址修改好,本地只要连接好了,在本地上前后端跑起来,前端能够跑起来,改好了config.js资料,后端修改好数据库和连接redis,本地上跑成功了,再改
|
1天前
|
前端开发 JavaScript API
告别‘老司机’时代,AJAX与Fetch API让你的前端与Python后端无缝对接!
【7月更文挑战第14天】前端与后端交互的关键技术是AJAX和Fetch API。AJAX允许不刷新页面更新内容,而Fetch API提供了Promise基
|
4天前
|
前端开发
后端一次返回大量数据,前端做分页处理
后端一次返回大量数据,前端做分页处理
6 0
|
4天前
|
JavaScript 前端开发
【vue】 接口返回的preview是张图片,前端如何渲染
【vue】 接口返回的preview是张图片,前端如何渲染
8 0
|
7天前
|
前端开发 JavaScript Java
开发做前端好还是后端好?
开发做前端好还是后端好?
|
9天前
|
前端开发
若依部署,部署常见流程之先部署网页的后端系统,让自己的前端能够看到内容,先部署后端,让前端在本地跑起来-----吃饱了撑死了大佬建议,正确的部署流程
若依部署,部署常见流程之先部署网页的后端系统,让自己的前端能够看到内容,先部署后端,让前端在本地跑起来-----吃饱了撑死了大佬建议,正确的部署流程
|
10天前
|
开发框架 前端开发 JavaScript
若依怎样看开发文档,域名搜这个就行ruoyi.vip,建链接点击在线文档,有前端手册和后端手册,若依文档里有项目扩展,项目扩展有大量的开源的软件
若依怎样看开发文档,域名搜这个就行ruoyi.vip,建链接点击在线文档,有前端手册和后端手册,若依文档里有项目扩展,项目扩展有大量的开源的软件
|
10天前
|
前端开发 JavaScript Linux
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
若依修改之后,无法访问前端项目如何解决,只能访问后端的接口,我的接口8083,端不显示咋解决?在vue.config.js文件中的映射路径要跟后端匹配,到软件商店里找到Ngnix配置代理,设80不用加
|
18天前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
|
18天前
|
前端开发 安全 NoSQL
技术笔记:Security前端页面配置
技术笔记:Security前端页面配置