在信息请求中使用带有Springboot应用程序404的SockJS

如何解决在信息请求中使用带有Springboot应用程序404的SockJS

谁能告诉我我做错了什么？ 我正在尝试设置一个websocket-springboot服务器，响应ui

按照在线指南https://spring.io/guides/gs/messaging-stomp-websocket/

，使用sockjs和ive配置了我的消息代理和重脚终结点

我收到一个404的信息请求到我的服务器，我似乎无法连接

@Controller
public class ConnectController {

    @Autowired
    private SimpMessagingTemplate messagingTemplate;

    @MessageMapping("/connect")
    public void connect(@Payload Connection connection) {
       messagingTemplate.convertAndSend("/connectionRequest/"+connection.getConnecteeId(),connection);
    }
}

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer {

  @Override
  public void configureMessageBroker(MessageBrokerRegistry config) {
    config.enableSimpleBroker("/topic");
    config.setApplicationDestinationPrefixes("/app");
  }

  @Override
  public void registerStompEndpoints(StompEndpointRegistry registry) {
    registry.addEndpoint("/gs-guide-websocket").withSockJS();
  }
}


export class ContactList extends React.Component {

    constructor() {
        super();
        this.sendMessage = this.sendMessage.bind(this);
    }
    
      sendMessage () {
        try {
          this.clientRef.sendMessage('/app/connect',JSON.stringify());
          return true;
        } catch(e) {
          return false;
        }
      }

    render() {
        return (
            <Flex gap="gap.small" column>
                <button onClick={this.sendMessage}>
                    Connect
                </button>

                <SockJsClient url='http://localhost:8080/' topics={["/topic/connectionRequest/abc"]}
                    onMessage={ this.onMessageReceive } ref={ (client) => { this.clientRef = client }}
                    onConnect={ () => { console.log('connected')} }
                    onDisconnect={ () => { this.setState({ clientConnected: false }) } }
                    debug={ true }/>
            </Flex>
        );
    }
}