从vue.js前端发送/接收消息到Spring Boot后端

时间:2019-04-19 10:25:57

标签: spring-boot vue.js

我想使用Vuejs前端进行最小的设置,该前端可以与Spring Boot后端进行收发。

我已经成功构建并运行了以下Vuejs前端

前端:

https://github.com/nolanlawson/vuejs-hello-world

和这个春季靴子

后端:

https://github.com/jonashackt/spring-boot-vuejs/tree/master/backend

在我的本地计算机上。

但是现在我正在寻找有关如何建立和运行最小通信流的指南,以便我可以轻松地从vuejs前端向Spring Boot后端发送一些消息并检查回复。

在上述两个项目的基础上,有关如何开始实施此建议的任何建议?

1 个答案:

答案 0 :(得分:1)

我们将其分为两步,

  1. 后端-在这里您希望有一个终结点,该终结点以GET Params或POST正文的形式接收数据,对其进行处理并返回易于解析的格式(例如json)

  2. 前端-使用xhr库(例如axios)将请求和需要处理的数据发送到该特定端点,等待请求完成,您将收到将响应作为字符串,将json字符串解析为js对象,然后即可对其进行处理。

可帮助您入门的资源:

Axios示例:https://github.com/axios/axios#example

春季的宁静服务:https://spring.io/guides/gs/rest-service/