javascript - ionic 应用程序不会连接到 Socket.IO

Question

我为 Socket.IO 连接设置了一个小 Node 应用程序:

var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io')(server);

io.on('connection', function (socket) {
    console.log('socket connected');

    socket.on('disconnect', function () {
        console.log('socket disconnected');
    });

    socket.emit('text', 'wow. such event. very real time.');
});

server.listen(3000, function() {
    console.log('Socket.io Running');
});

在我的 Ionic 应用程序中，我有以下内容:

$ionicPlatform.ready(function(device) {
    var socket = io('http://192.168.1.9:3000');

    if (window.cordova && window.cordova.plugins.Keyboard) {
        cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    }
    if (window.StatusBar) {
        StatusBar.styleDefault();
    }
    alert('here');
    $state.go('signin');
});

当 Ionic 应用程序启动时，我会看到警报显示，所以我知道 platform.ready事件正在触发。但是 Ionic 应用程序永远不会连接到服务器上的套接字 session 。

如果我使用 Chrome 检查 Ionic 应用程序，则会记录以下错误:

Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.9:3000/socket.io/?EIO=3&transport=polling&t=1443883896073-0
Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.9:3000/socket.io/?EIO=3&transport=polling&t=1443883899867-1
Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.9:3000/socket.io/?EIO=3&transport=polling&t=1443883901481-2
Failed to load resource: the server responded with a status of 404 (Not Found) http://192.168.1.9:3000/socket.io/?EIO=3&transport=polling&t=1443883904606-3

但是IP地址和端口号是正确的。

为什么 Ionic 不能连接到 Socket.iO？

编辑 - 04/10/2015

我的 Ionic 项目正在使用 cordova-plugin-whitelist 插件，并且我添加了内容安全策略 <meta>在我的 index.html 中标记。

编辑 05/10/2015

我也尝试删除并重新添加 Android 平台，但它仍然不起作用。

Answer 1

可能存在 CORS 错误，
请使用此配置

let io = require('socket.io')(server, {
    origins: ["*"],
    cors: {
        origin: "*",
        methods: ["GET", "POST"]
    }
})

这将解决您的问题。