Springboot+Vue实现多人聊天室

最近在学习Springboot后端框架，实习的时候有用过Vue.js框架来写过一些前端页面，今天尝试着利用SpringBoot和Vue.js来实现聊天室功能，加深一下理解。

先展示一下做好的效果：

 

 SpringBoot后端代码：

1、新建一个SpringBoot工程

2、首先要注入ServerEndpointExporter，这个bean会自动注册使用了@ServerEndpoint注解声明的Websocket endpoint。要注意，如果使用独立的servlet容器，而不是直接使用springboot的内置容器，就不要注入ServerEndpointExporter，因为它将由容器自己提供和管理。这里使用Java注解配置方式,自动配置，配置类代码如下：

 1 package com.example.demospring.config;
 2 
 3 import org.springframework.context.annotation.Bean;
 4 import org.springframework.context.annotation.Configuration;
 5 import org.springframework.web.socket.server.standard.ServerEndpointExporter;
 6 
 7 @Configuration
 8 public class WebScoketConfig {
 9     @Bean
10     public ServerEndpointExporter serverEndpointExporter() {
11         return new ServerEndpointExporter();
12     }
13 }

3、新建一个websocket的具体实现类，代码如下：

 1 package com.example.demospring.controller.WebScoketController;