VUE前端访问后台通信方法
1、vue中存在自带的created方法,即页面初始化时,自动调用加载的方法。

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

3、然后定义访问的方法,this.$api.personal.getReleaseProve({参数:参数值}).then( res => {})
对于调用的this.$api.personal.getReleaseProve需要在api/personal/index.js界面进行调用。

4、其中return http.get(http.adornUrl(‘地址’)),地址为后端配置的地址。
1、二、对于IntelliJ ieda端的接收的返回。
在控制层的class前端进行配置地址,因为访问时 /api 是统一配置的,所以此处直接从下一栏进行配置

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

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

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

5、下一步便可以显示到vue界面进行值的显示了。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:125
阅读量:130
阅读量:57
阅读量:33
阅读量:39