后端服务接口调通,成功返回 JSON 数据,现在只需要让 Vue 应用调用后端接口即可,这里我们使用 axios 来请求后端接口,代码如下所示。
const _this = this axios.get('http://localhost:8181/book/findByPage/1').then(function (resp) { _this.pageSize = resp.data.pageSize _this.total = resp.data.total _this.tableData = resp.data.data })
请求成功后将数据动态加载到页面,即可看到结果,如下图所示。
Vue 应用和 Spring Boot 应用的数据交互流程如下图所示。
以上内容就是前后端分离的基本流程,你学会了吗?
关注微信公众号「Java大联盟」,关注即可获取海量学习干货,同时还有不定期送书,键盘,鼠标等粉丝福利。
赶快来关注一波,海量资源拿到手软。