从vuejs前端发送/接收消息到启动后端

Question

我想用Vuejs前端获得一个最小的设置，它可以发送和接收到/从一个spring引导后端。

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

FrontEnd:

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

这个春天的靴子：

后端：

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

在我的本地机器上。

但是现在我正在寻找关于如何使最小的通信流启动和运行的指导方针，这样我就可以轻松地从vuejs前端发送一些消息到spring引导后端并检查回复。

对于如何在上述两个项目的基础上开始实施这些项目，有什么建议吗？

Answer 1

我们把它分成两步，

1. 后端-这里您希望有一个端点，它接收数据作为获取参数或POST主体，处理它并返回易于解析的格式(如json)。
2. 前端--使用xhr库(类似于axios)向特定的端点发送一个请求，其中包含它需要处理的数据，等待请求完成，您将收到作为字符串的响应，将该json字符串解析为一个js对象，然后您可以处理它。

将帮助您入门的资源：

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

Restful Service with spring：https://spring.io/guides/gs/rest-service/