webSocket connection to ‘ws://127.0.0.1:3000/websocket/15/‘ failed:

webSocket connection to 'ws://127.0.0.1:3000/websocket/15/' failed:

今天写一个ws发起请求小demo，结果一直报错，总以为是前端有问题，以为sockerUrl的字符串写错了，结果到后来才发现是后端没写WebSocket的配置类。😅

配置类如下,有了他才能开启WebSocket功能

package com.kob.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.server.standard.ServerEndpointExporter;

@Configuration
public class WebSocketConfig {

    @Bean
    public ServerEndpointExporter serverEndpointExporter() {

        return new ServerEndpointExporter();
    }
}

简直太蠢了，希望少犯低价错误。

简单说一下这个问题检查了哪些东西，

1.就是socketUrl那个字符串，完完全全盯着看不知道看了多久，结果他根本没错，

但大家注意vue里面字符串 要通过引用读取数据来拼接的话需要使用  `  `  符号包起来（就是esc键下面那个键，有 ~ 符号这个键，要英文输入，且不加shift），不能用双引号或者单引号，

如果后台使用了

2.如果使用了jwt或者security，一定要在配置类里面放行，比如重写这个方法

@Override
public void configure(WebSecurity web) throws Exception {
    web.ignoring().antMatchers("/websocket/**");
}

顺便附一个WebSocket服务端的demo

import com.alibaba.fastjson.JSONObject;
import com.kob.Mapper.UserMapper;
import com.kob.consumer.utils.JwtAuthentication;
import com.kob.pojo.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Component;

import javax.websocket.*;
import javax.websocket.server.PathParam;
import javax.websocket.server.ServerEndpoint;
import java.io.IOException;
import java.util.Iterator;
import java.util.concurrent.ConcurrentHashMap;
import java.util.concurrent.CopyOnWriteArraySet;

@Component
@ServerEndpoint("/websocket/{token}")  // 不要以'/'结尾
public class WebSocketServer {

    final private static ConcurrentHashMap<Integer,WebSocketServer> users = new ConcurrentHashMap<>();
    private User user;
    private Session session=null;

    final private static CopyOnWriteArraySet<User> matchpool = new CopyOnWriteArraySet<>();

    private static UserMapper userMapper;
    @Autowired
    public void serUserMapper(UserMapper userMapper){
        WebSocketServer.userMapper=userMapper;
    }
    @OnOpen
    public void onOpen(Session session, @PathParam("token") String token) throws IOException {
    
        System.out.println("connected!");

    }

    @OnClose
    public void onClose() {
        // 关闭链接
        System.out.println("disconnected");
    }
    private void startMatching(){
        System.out.println("start");
    }

    private void stopMatching(){
        System.out.println("stop");

    }

    @OnMessage
    public void onMessage(String message, Session session) {
        // 从Client接收消息
        System.out.println("receive message!");
    }

    @OnError
    public void onError(Session session, Throwable error) {
        error.printStackTrace();
    }
    public void sendMessage(String message){
        synchronized (this.session){
            try{
                this.session.getBasicRemote().sendText(message);
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    }
}