前端如何走通后端接口

这篇具有很好参考价值的文章主要介绍了前端如何走通后端接口。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

0 写在前面

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

1 条件

同一WiFi下,让后端小伙伴分享出自己的ip地址:
步骤1:win+r调出运行界面
前端如何走通后端接口,JAVA,VUE,前端,后端
步骤2:cmd调出命令行窗口
前端如何走通后端接口,JAVA,VUE,前端,后端
步骤3:输入ipconfig回车获取ip地址
前端如何走通后端接口,JAVA,VUE,前端,后端
192.168.0.142
步骤4:将后端服务端口复制
前端如何走通后端接口,JAVA,VUE,前端,后端
9010
步骤5:将接口地址复制
前端如何走通后端接口,JAVA,VUE,前端,后端
/notic/slot
步骤6:将需要传输的参数复制
前端如何走通后端接口,JAVA,VUE,前端,后端
因为此处逻辑的问题,此处只需要传递公告内容,所以这个地方需要根据业务实际传输。

@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频段
所以一定要选择对同一个网段,不然有时候对接不上。文章来源地址https://www.toymoban.com/news/detail-677054.html

到了这里,关于前端如何走通后端接口的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue前端RSA加密java后端解密的方法

    最近安全测试的总是测出安全漏洞来,让开发改。 想了想干脆把请求参数都加密下,前端加密后端解密,这样总差不多了。 看了下AES加密,是对称的,前后端用这个不太行。 于是想到用RSA加密,是非对称的,可以前端加密后端解密。 1.前端是vue项目,使用时,需要先执行:

    2023年04月21日
    浏览(48)
  • vue前端与Java后端进行跨域交互

    1.在Controller上面加上@CrossOrigin 2.写一个配置文件并且在Controller层加上注解@CORSConfig 3.在springmvc配置文件里加入 4.写一个过滤器类并且在web.xml中注册过滤器 获取前端传来的数据 查看vue版本npm list vue或是在package.json文件里 找”dependencies” 直接看到 vue2 原理:给url加上了前缀

    2023年04月08日
    浏览(56)
  • 后端如何返回一个(图片)文件流,并在前端vue展示。

    后端部分可分为三步: 1,获取文件参数(非必须,根据自己情况添加) 2,获取文件 3,以流形式返回 具体代码如下: 前端展示部分。 1,首先在你的axios接口上添加 responseType:\\\'blob\\\' ,以表示你将以blob形式接收(必须添加)。 2,拿到接口返回值后,将其转为blob形式 此时打

    2024年02月11日
    浏览(63)
  • 后端java 如何返回给前端 JSON数据

    在上述代码中,@ResponseBody注解用于将Java List对象转换为JSON格式的数据,并返回给前端。Spring会自动将List对象转换为JSON格式的数组,其中每个元素都是一个JSON对象。在本例中,每个JSON对象都包含一个name属性和一个age属性。 Regenerate

    2024年02月15日
    浏览(45)
  • 前端Vue手机号校验及后端Java手机号校验

    大家好! 今天给大家分享的知识是前端Vue手机号校验以及后端Java进行手机号校验,这两个也是我在开发过程中遇到的问题,现在来给大家分享一下我的解决办法。 在这里我写了一个很简单的小例子,大家可以参考一下,在此基础上进行改进,代码如下: 关键代码都有注释,

    2024年02月04日
    浏览(43)
  • 【Java 实现文件下载】vue前端+java后端实现文件下载详解(附源码)

    【 写在前面 】前端时间总结了一下有关java文件上传的功能,也给不少读者带来一些帮助,因此今天继续完善文件下载这套体系,希望能给屏幕前的您带来实质性的帮助,其实文件下载最怕的就是中文乱码的现象,当然这个我单独写了一篇文章解释,这里不做详谈。 涉及知识

    2024年02月09日
    浏览(56)
  • 【Java实现文件上传】java后端+vue前端实现文件上传全过程详解(附源码)

    【 写在前面 】其实这篇文章我早就想写了,只是一直被需求开发耽搁,这不晚上刚好下班后有点时间,记录一下。需求是excel表格的上传,这个是很多业务系统不可或缺的功能点,再此也希望您能够读完我这篇文章对文件上传不再困惑。(文件下载见另外一篇) 涉及知识点

    2024年02月06日
    浏览(54)
  • 前端vue后端go如何进行跨域设置?一篇就通透理解

    跨域 (Cross-Origin)指的是在 浏览器 中,当一个 web 应用程序试图访问 不同域名、不同端口或不同协议的资源时,就会发生跨域请求 ,此时浏览器的 同源策略 (Same-Origin Policy)就会进行拦截,他是同源策略是一种 安全机制 ,它限制了网页中的 JavaScript 代码只能访问同源(

    2024年04月12日
    浏览(47)
  • 前端VUE后端JAVA,SM2加解密,一篇解决你的问题

    1、后端加密后密文前两位为“04”,前端解密不了,所以在前端解密时要把“04”去掉, 2、前端加密后,密文没有“04”,所以前端加密完要在密文前面加上“04”

    2024年04月23日
    浏览(39)
  • 前端实现vue3使用axios调用后端接口

    作用是: 抛出基础请求方式、基础前缀、请求头信息、参数、超时时间、凭证、后端接口返回数据类型! 作用是:使用请求拦截器和响应拦截器解决下边的问题 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消

    2024年01月20日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包