VUE前端访问后台通信方法

 时间:2026-02-14 05:29:23

1、vue中存在自带的created方法,即页面初始化时,自动调用加载的方法。

VUE前端访问后台通信方法

2、然后需要在vue自带的methods方法中,添加上面自己定义的方法this.getReleaseProve();

VUE前端访问后台通信方法

3、然后定义访问的方法,this.$api.personal.getReleaseProve({参数:参数值}).then( res => {})

对于调用的this.$api.personal.getReleaseProve需要在api/personal/index.js界面进行调用。

VUE前端访问后台通信方法

4、其中return http.get(http.adornUrl(‘地址’)),地址为后端配置的地址。

1、二、对于IntelliJ ieda端的接收的返回。

在控制层的class前端进行配置地址,因为访问时 /api 是统一配置的,所以此处直接从下一栏进行配置

VUE前端访问后台通信方法

2、然后在class中定义具体接收的方法,方法前面继续定义访问的路径,路径是唯一的。一个方法正好对应一个路径。

VUE前端访问后台通信方法

3、启动前台和后台,输入具体页面所在的地址,如:

VUE前端访问后台通信方法

4、出现这个界面,说明前台可以带参顺利访问到后台的方法,证明前后台数据通信成功。下一步就可以进一步编写前后端具体的逻辑了。

前台对于返回值进行接收和返回。

VUE前端访问后台通信方法

5、下一步便可以显示到vue界面进行值的显示了。

  • IntelliJ IDEA如何配置文件索引
  • jquery,js判断字典中键值以及相关操作
  • 如何用CSS工具实现网页当中表格的填充
  • VS2013,VS2015各版本如何打开graphics.h头文件
  • HTML5中如何利用画布元素绘制图形
  • 热门搜索
    入团志愿书怎么填 华为路由器怎么设置 一平方怎么算 万科物业怎么样 脱毛膏怎么用 我的世界小麦怎么种 奶黄包的馅怎么做 我的世界地图怎么用 平安e生保怎么样 孩子不听话怎么办