Javascript 通过Apache代理访问时，Socket.io断开连接未触发_Javascript_Apache_Sockets_Express_Socket.io

Javascript 通过Apache代理访问时，Socket.io断开连接未触发

javascript apache sockets express socket.io

Javascript 通过Apache代理访问时，Socket.io断开连接未触发,javascript,apache,sockets,express,socket.io,Javascript,Apache,Sockets,Express,Socket.io,我正在尝试设置一个简单的socket.io express服务器，并通过端口80上的apache vhost代理连接到它。express服务器在端口3456上运行，但我们测试的网络阻止了流量输出，而express服务器所在的网络阻止了流量输入。（对于未列入白名单的端口）这主要是为了帮助项目在早期原型阶段进行概念验证在端口周围工作时，我在服务器上设置了vhost： <VirtualHost *:80> ServerName project.test.company.com

我正在尝试设置一个简单的socket.io express服务器，并通过端口80上的apache vhost代理连接到它。express服务器在端口3456上运行，但我们测试的网络阻止了流量输出，而express服务器所在的网络阻止了流量输入。（对于未列入白名单的端口）

这主要是为了帮助项目在早期原型阶段进行概念验证

在端口周围工作时，我在服务器上设置了vhost：

<VirtualHost *:80>
    ServerName project.test.company.com
    ServerAlias www.project.test.company.com
    ProxyPass / http://localhost:3456/
</VirtualHost>

client.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
</head>
<body>
    <h1>Users</h1>

    <div id="main">
        <div v-for="user in users">
            <span>{{ user }}</span>
        </div>
    </div>

    <script>
        var socket = io();

        new Vue({
            el: '#main',

            data: {
                users: []
            },

            mounted: function() {
                socket.on('users', (users) => {
                    this.users = users;
                });
            }
        });
    </script>
</body>
</html>


使用者
{{user}}
var socket=io（）；
新Vue({
el:“#main”，
数据：{
用户：[]
},
挂载：函数（）{
socket.on（'用户'，（用户）=>{
this.users=用户；
});
}
});

您是否尝试使用https？不，我们没有在服务器上启用https，因此我认为这与此无关。您解决过这个问题吗？我刚刚发布了一个类似的问题。遗憾的是，没有，我使用pusher迁移到了Laravel，而不是使用socket.io的节点，用于WebSocket的后端。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script>
</head>
<body>
    <h1>Users</h1>

    <div id="main">
        <div v-for="user in users">
            <span>{{ user }}</span>
        </div>
    </div>

    <script>
        var socket = io();

        new Vue({
            el: '#main',

            data: {
                users: []
            },

            mounted: function() {
                socket.on('users', (users) => {
                    this.users = users;
                });
            }
        });
    </script>
</body>
</html>