VUE前端访问后台通信方法

2025-10-20 08:02:05

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界面进行值的显示了。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢