Question

我正在尝试从Chrome（19.0.1048.46）中的socket.io主页获取第一个示例，但是我收到错误：

“XMLHttpRequest无法加载http：// localhost：8080 / socket.io / 1 /？t = 1337156198176.Access-Control-Allow-Origin不允许使用Origin。”

服务器代码：

var app = require('http').createServer(handler)
  , io = require('socket.io').listen(app)
  , fs = require('fs')

app.listen(8080);

function handler (req, res) {
  fs.readFile(__dirname + '/index.html',
  function (err, data) {
    if (err) {
      res.writeHead(500);
      return res.end('Error loading index.html');
    }

    res.writeHead(200);
    res.end(data);
  });
}

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

客户代码：

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

此代码有什么问题？

Answer 1

我相信你是直接在浏览器中打开 index.html 文件，是这样吗？

使用 file：// 协议，没有为XMLHttpRequest设置原点，因此如果服务器未设置 Access-Control-Allow-Origin，浏览器将引发该安全性异常标头启用CORS

导航到 http：// localhost：8080 / ，而代码中指定的处理程序应正确呈现index.html页面

Socket.IO - 无法在Google Chrome中加载XMLHttpRequest

1 个答案: