在使用VSCode开发VUE代码前端中,经常会需要前端访问IntelliJ idea 开发的java代码。下面就前后台通信获取数据的方法进行记录。
工具/原料
1
IntelliJ idea java
2
VSCode vue
方法/步骤
1
vue中存在自带的created方法,即页面初始化时,自动调用加载的方法。
2
然后需要在vue自带的methods方法中,添加上面自己定义的方法this.getReleaseProve();
4
其中return http.get(http.adornUrl(‘地址’)),地址为后端配置的地址。
方法/步骤2
1
二、对于IntelliJ ieda端的接收的返回。在控制层的class前端进行配置地址,因为访问时 /api 是统一配置的,所以此处直接从下一栏进行配置
2
然后在class中定义具体接收的方法,方法前面继续定义访问的路径,路径是唯一的。一个方法正好对应一个路径。
3
启动前台和后台,输入具体页面所在的地址,如:
4
出现这个界面,说明前台可以带参顺利访问到后台的方法,证明前后台数据通信成功。下一步就可以进一步编写前后端具体的逻辑了。前台对于返回值进行接收和返回。
5
下一步便可以显示到vue界面进行值的显示了。
上一篇:前端框架 vue---vuex
下一篇:Vue学习之v-model使用