【发布时间】：2021-02-19 20:05:00
【问题描述】：
我有一个前端应用程序（VUE JS）
我有一个后端（Nest JS）
Vue JS 应用程序使用 vue-socket.io-extended 库通过 websockets 从后端获取数据 当 Vue JS 应用程序启动时，我在浏览器中看到错误：
polling-xhr.js?d33e:229 POST http://localhost:11050/socket.io/?EIO=4&transport=polling&t=NMXgCF1 400（错误请求）
如何解决此错误？
我认为它没有与库连接，我尝试了只是socket io库，结果是一样的。
服务器正在工作，因为它发送日志并显示谁已连接：
服务器（Nest JS） main.ts 文件：
async function bootstrap() {
const app = await NestFactory.create(AppModule);
app.enableCors();
await app.listen(11050);
}
bootstrap();
App.gateway：
@WebSocketGateway()
export class AppGateway implements OnGatewayInit, OnGatewayConnection, OnGatewayDisconnect {
private logger: Logger = new Logger('AppGatway');
@SubscribeMessage('msgToServer')
handleMessage(client: Socket, text: string): WsResponse<string> {
return { event: 'msgToClient', data: text };
}
afterInit(server: Server) {
this.logger.log('Initialised!');
}
handleConnection(client: Socket, ...args: any[]): any {
this.logger.log(`Client connected: ${client.id}`);
}
handleDisconnect(client: Socket): any {
this.logger.log(`Client disconnected: ${client.id}`);
}
}
前端（Vue JS）：
import VueSocketIOExt from "vue-socket.io-extended";
import Vue from "vue";
import io from "socket.io-client";
const socket = io("http://localhost:11050/");
Vue.use(VueSocketIOExt, socket);
data: () => ({
socket: null,
connection: null,
sockets: {
connect() {
console.log("socket connected");
},
},
}
【问题讨论】：
标签： javascript vue.js websocket socket.io nestjs