spring vue2 使用websocket socketUrl怎么设置 后端端口为9191
时间: 2024-10-12 20:10:15 浏览: 31
基于Vue2+SpringBoot+MySQL的校园跑腿.zip
5星 · 资源好评率100%
在Spring Boot项目中整合Vue.js并通过WebSocket (Websocket连接通常基于ws或wss协议) 连接到后端服务器,你需要设置前端的`socketUrl`指向正确的地址和端口。假设你的后端服务器运行在`localhost`上,并且监听9191端口,你可以这样配置:
```javascript
// 在Vue组件中
const socket = new WebSocket('ws://localhost:9191');
// 或者如果你需要加密连接,使用wss
// const socket = new WebSocket('wss://localhost:9191');
// 当连接成功时,可以执行初始化操作
socket.onopen = function(event) {
console.log('WebSocket connected');
};
// 发送消息
function sendMessage(data) {
socket.send(JSON.stringify(data));
}
// 接收服务器的消息
socket.onmessage = function(event) {
const receivedData = JSON.parse(event.data);
// 处理接收到的数据
};
// 关闭连接
socket.onclose = function() {
console.log('Connection closed');
};
```
阅读全文