Question

我有socket.io示例的问题。我的浏览器无法获取socket.io.js文件（控制台中出现404错误）。

有效的代码：

server.js

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

app.listen(80);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

的index.html

<script src="http://192.168.1.104:81/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://192.168.1.104:81');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>

但这不是：

server.js

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

app.listen(80);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/index.html');
});

io.sockets.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
    console.log(data);
  });
});

的index.html

<script src="http://192.168.1.104:80/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://192.168.1.104:80');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
</script>

在这种情况下，我的浏览器无法获取socket.io.js文件。

Answer 1

编辑：以下所有文字都是错误的，直到下一个＆＃34;编辑＆＃34;。把它留在那里作为痕迹...

你应该知道一件事，你应该做的两件事+所有需要Express doc is here：

快速过滤/处理对节点服务器的每次访问。这意味着当您尝试访问socket.io脚本文件时，Express会尝试在您声明的路由中找到它并失败，因为您没有（并且您没有这样做）。
最重要的是：声明一个静态的，非＆＃34;计算的＆＃34;文件夹表示放置所有静态文件（css，客户端脚本，图像）的位置：

app.use('/static', express.static(__dirname + '/static'));

这一行必须放在app.configure来电之前，app.use(app.router)之前（我实际上先把它放在首位）

我喜欢这个/ static / scripts; / static / css; / static / img文件夹组织，但您可以自由地适应您的需求。
将socket.io脚本文件的链接更改为相对路径（可选但强烈建议）：src='/static/scripts/socket.io/socket.io.js'

编辑：我错了，非常非常错，我很抱歉。 Socket.io生成所需的不同路径/文件，您不必声明它们，也不必复制任何客户端脚本文件。

请尝试将<script src="http://192.168.1.104:81/socket.io/socket.io.js"></script>客户行切换为正常相对的<script src="/socket.io/socket.io.js"></script>，因为这是您的代码与快速指南代码之间的唯一区别。

Answer 2

您使用的是什么快速版？

API已从Express 2.x更改为3.x，因此答案在Migrating from 2.x to 3.x wiki的 Socket.IO兼容性部分：

Socket.IO的.listen()方法将http.Server实例作为参数。
从3.x 开始，express()的返回值不是http.Server个实例。要使Socket.IO与Express 3.x一起使用，请确保手动创建http.Server实例并将其传递给Socket.IO的.listen()方法：

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

server.listen(3000);

浏览器无法使用express获取socket.io.js文件

2 个答案: