多语言展示
当前在线:589今日阅读:195今日分享:41

VUE前端访问后台通信方法

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

推荐信息