Building Applications with Spring 5 and Vue.js 2

Add APIs

Since we will serve the UI from http://localhost:8080/messages, it is better that we separate the path for APIs. Let's put API requests under /api/.

We will need to make the following changes to MessageController:

• Change the existing /messages (POST) to /api/messages (POST) for saving new messages
• Add /api/messages (GET) for retrieving messages
• Remove the @RequestMapping annotation from the MessageController class level 

Here is the updated MessageController:

@Controllerpublic class MessageController {  ...  @GetMapping("/api/messages")  @ResponseBody  public ResponseEntity<List<Message>> getMessages() {    List<Message> messages = messageService.getMessages();    return ResponseEntity.ok(messages);  }  @PostMapping("/api/messages") @ResponseBody ...