套接字无法加载资源服务器(404 错误)

Socket Failed to load resource server (404 error)

本文关键字:错误 源服务器 加载 套接字      更新时间:2023-09-26

嘿,伙计们 m 用于服务器端服务器的文件.js在客户端使用 JavaScript

服务器.js

var express = require("express");
var io = require("socket.io").listen(app);
var app = express.createServer("localhost");
app.listen(3000);

app.get('/', function (req, res) {
    res.sendfile(__dirname + '/hello.html');
});
    console.log("before");
    io.sockets.on("connection", function (socket) {
        console.log("after");
        socket.on("message send", function (data) {
            io.sockets.emit("new mesage", data);
        });
    });

在客户端使用一个 HTML 页面名称

你好.html

<html>
<head>
    <style>
        #chat{
        height : 500px;
        }
    </style>
</head>
<body>
    <div id="chat" > </div>
    <form id ="send message"> 
        <input id="message" type="text" ></input>
        <input type="submit"></input>
    </form>
    <script type= "javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
    <script>
    jQuery(function($){
        var socket =io.connect();
        var $messageForm = $("#send message");
        var $messageBox=$("#message");
        var $chat = $("#chat");
            $messageForm.submit(function(e){
                e.preventDefault();
                socket.emit("message send" , $messageBox.val());
            });
            socket.on("new message", function(data){
                $chat.append(data + "</br>");   
            });
    });
    </script>
</body>
</html>

当 m 启动服务器时,它正常工作,但当我发送请求时,它会显示错误,例如给定的打击

无法加载资源:服务器以状态 404(未找到(/socket.io/socket.io.js 响应

捕获的引用错误:未定义 jQuery

版本

套接字:0.9.16

经验:3.4.0

感谢您抽出宝贵时间:)

您需要

将 socket.io 绑定到 http 服务器而不是应用程序服务器。将其更改为下面。.

var express = require('express'),
    app = express(),
    http = require('http'),
    server = http.createServer(app),
    io = require('socket.io').listen(server);

有关详细信息,请参阅快速指南。

编辑

要更正 Jquery 错误。

取代

jQuery(function($){

$(document).ready(function($)