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

Question

我想使用 Vuejs 前端进行最小化设置，该前端可以向 Spring Boot 后端发送和接收。

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

前端：

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

还有这个春季靴子：

后端：

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

在我的本地机器上。

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

关于如何开始基于上述两个项目实施的任何建议？

Answer 1

让我们把它分解成两个步骤，

1. Backend - 在这里，您希望有一个端点以 GET Params 或 POST 正文的形式接收数据，对其进行处理并返回易于解析的格式（如 json）

2. 前端 - 使用 xhr 库（如 axios）向特定端点发送请求，其中包含需要处理的数据，等待请求完成，您将收到将响应作为字符串，将该 json 字符串解析为 js 对象，然后您可以对其进行处理。

可帮助您入门的资源：

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

宁静服务与春天：https://spring.io/guides/gs/rest-service/