My React + Vite application is running on localhost:5173 port, while my Spring Boot is running on localhost:5729. Here is the code snippet from the App.jsx:
import { useState } from 'react'
import './App.css'
function App() {
const [list, setList] = useState([])
var ws = new WebSocket("ws://localhost:5729/cp")
ws.onmessage=(message)=>{console.log(message); setList([...list,message])};
return (
<ul>
{list.map(element => {
return (<li>element</li>);
})
}
</ul>
)
}
export default App
This is the setup in my Spring Boot configuration:
@Configuration
@EnableWebSocket
//@ServerEndpoint("/cp")
public class WebSocketConfig implements WebSocketConfigurer {
@Override
public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) {
registry.addHandler(new Handler(),"/cp");
}
class Handler extends TextWebSocketHandler {
private List<WebSocketSession> sessions = new CopyOnWriteArrayList<>();
@Override
public void afterConnectionEstablished(WebSocketSession session) {
System.out.println("Session Added: "+session.getId());
sessions.add(session);
}
@Override
public void afterConnectionClosed(WebSocketSession session, CloseStatus status) {
System.out.println("Closed");
}
@Override
protected void handleTextMessage(WebSocketSession session, TextMessage message){
for(var t: sessions){
try {
t.sendMessage(message);
} catch (IOException e) {
e.printStackTrace();
}
}
}
}
}
I started the Spring Boot application first, followed by running the React application. However, when I checked the console in my React app, it displayed the following error messages:
App.jsx:7 WebSocket connection to 'ws://localhost:5729/cp' failed:
App.jsx:7 WebSocket connection to 'ws://localhost:5729/cp' failed:
I have attempted a clean build using Maven, but the issue persists. Additionally, there are no logs or indications of activity in my Spring Boot app when the React app is running.
Oddly enough, I am able to successfully connect using Postman to the specified endpoint.