NodeJS и Nginx

Question

Я искал решение в течение последних двух дней и не могу понять это. У меня есть приложение, узел, который использует сокет И.О. жить под субдомен, который находится под несколько папок https://my.example.com/node/app1/ Каждый раз, когда я иду к URL я получаю GET https://my.example.com/socket.io/socket.io.js Uncaught ReferenceError: io is not defined

Вот что мои файлы выглядеть следующим образом: Nginx конфигурационный файл:

server { 

     listen 443 ssl http2; 
     server_name my.example.com; 

     include /etc/nginx/include.d/ssl-common; 
     include /etc/nginx/include.d/ssl-example; 

     include /etc/nginx/include.d/all-common; 

     root /var/example/my; 

     location /node/app1/ { 
       proxy_set_header Upgrade $http_upgrade; 
       proxy_set_header Connection "upgrade"; 
       proxy_http_version 1.1; 
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
       proxy_set_header Host $host; 
       proxy_pass http://localhost:3131; 
     } 

     location ~ \.php$ { 
       fastcgi_pass unix:/var/run/ssl_example_com.sock; 
       include fastcgi_params; 
       fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; 
       fastcgi_intercept_errors on; 
     } 

     access_log /var/virdisoft/logs/access.log; 
     error_log /var/virdisoft/logs/error.log; 
} 

app.js

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

app.listen(3131, function() { 
    console.log('Listening on 3131'); 
}); 

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.on('connection', function (socket) { 
    socket.emit('news', { hello: 'world' }); 
    socket.on('my other event', function (data) { 
    console.log(data); 
    }); 
}); 

index.html

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

Answer 1

Так что я, наконец, понял это, используя ваши ребята предложения это то, что я придумал: Пожалуйста, обратите внимание на домен: example.com является заполнителем, поэтому изменение exmaple.com и my.example.com, независимо от вашего доменного имени.

NGINX Config:

upstream my_nodejs { 
     server 127.0.0.1:3131; 
} 

server { 

     listen 443 ssl http2; 
     server_name my.example.com; 

     include /etc/nginx/include.d/ssl-common; 
     include /etc/nginx/include.d/ssl-example; 

     include /etc/nginx/include.d/all-common; 

     root /var/example/my; 

     location ~ \.php$ { 
       fastcgi_pass unix:/var/run/ssl_example_com.sock; 
       include fastcgi_params; 
       fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; 
       fastcgi_intercept_errors on; 
     } 


     location ^~ /node/app1/ { 
       try_files $uri @my_nodejs; 
     } 

     location ^~ /socket.io/ { 
       try_files $uri @my_nodejs; 
     } 

     location @my_nodejs { 
       proxy_set_header Upgrade $http_upgrade; 
       proxy_set_header Connection "upgrade"; 
       proxy_http_version 1.1; 
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
       proxy_set_header Host $host; 
       proxy_pass http://my_nodejs; 
     } 


     access_log /var/example/logs/access.log; 
     error_log /var/example/logs/error.log; 
} 

app.js

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

app.listen(3131, function() { 
    console.log('Listening on 3131'); 
}); 

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.on('connection', function (socket) { 
    socket.emit('news', { hello: 'world' }); 
    socket.on('my other event', function (data) { 
    console.log(data); 
    }); 
}); 

index.html

<script src="/socket.io/socket.io.js"></script> 
<script> 
    var socket = io(); // Removed the path cause it's not needed. 
    socket.on('news', function (data) { 
    console.log(data); 
    socket.emit('my other event', { my: 'data' }); 
    }); 
</script> 

Answer 2

Я предполагаю, что вы получаете эту ошибку в передней стороне, вероятно, браузер ищет socket.io в http://localhost/socket.io/socket.io.js вместо http://localhost/node/app1/socket.io/socket.io.js

Убедитесь, что используется относительный импорт:

<script src="socket.io/socket.io.js"></script> 

Answer 3

Вы можете оставить <script src="/socket.io/socket.io.js"></script> и добавить еще одну директиву location для socket.io. Вы можете сильфонные location /node/app1/ { в файле конфигурации Nginx

location /socket.io { 
    proxy_set_header Upgrade $http_upgrade; 
    proxy_set_header Connection "upgrade"; 
    proxy_http_version 1.1; 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    proxy_set_header Host $host; 
    proxy_pass http://localhost:3131; 
}