Https Nginx NodeJS SocketIO和CORS请求失败

Question

这是我的问题：

背景：

我有一个运行的NGinx服务器，使用证书启用了HTTPS。从那里没有问题。

我还有一个运行的NodeJS服务器，它只需要处理WebSocket，使用SocketIO。

我正在Mozilla Firefox上进行测试（可能不是最好的选择...）

应用程序最初是在HTTP上运行的，一切都很好。现在全部切换到HTTPS后，我面临"跨域"问题。

我已经尝试了几种解决方案，但目前还没有成功...我将在帖子末尾解释我尝试过什么。

首先，让我向您展示相关文件，NodeJS的server.js，NGinx服务器的nginx.conf和“客户端脚本”，它应该连接WebSocket。

server.js - NodeJS

var app = require('express')();
var fs = require('fs');
var https = require('https');
var _ = require('underscore');
var socketio = require('socket.io');
var options = {
    key: fs.readFileSync('/ssl/file.key'),
    cert: fs.readFileSync('/ssl/file.crt')
};
var server = https.createServer(options).listen(9001,function(){
    console.log("SERVER LISTENING");
});
io = socketio.listen(server,{origins:'*:*'});

var connectedSockets = {};

_.each(io.nsps, function(nsp){
  nsp.on('connect', function(socket){
    if (!socket.auth) {
      delete nsp.connected[socket.id];
    }
  });
});

function checkAuthToken(token,callback){
    callback(null,true);
}

io.on('connection',function(socket){
    socket.broadcast.emit('hi');
    socket.on('disconnect',function(){
        console.log('a user disconnected');
    });
    socket.on('chat message',function(msg){
        io.emit('chat message',msg);
    });
    socket.on('authenticate', function(data){
      checkAuthToken(data.token, function(err, success){
        if (!err && success){
          socket.auth = true;
          _.each(io.nsps, function(nsp) {
            if(_.findWhere(nsp.sockets, {id: socket.id})) {
              nsp.connected[socket.id] = socket;
            }
          });
        }
      });
    });
});

这是一个“简单”的聊天应用程序，需要完成几件事情，比如应该检查身份验证的脚本... nginx.conf - NGinx服务器配置。

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    map $http_upgrade $connection_upgragde {
        default upgrade;
        '' close;
    }
    sendfile        on;
    server {
        listen 80;
        server_name 192.168.100.22;
        rewrite ^ https://$http_host$request_uri? permanent;
    }
    server {
        listen       443;
        ssl on;
        ssl_certificate /ssl/file.crt;
        ssl_certificate_key /ssl/file.key;
        server_name  192.168.100.22;
        root E:/www;
        index index.php index.html index.htm;
        add_header Access-Control-Allow-Origin *;
        add_header Strict-Transport-Security "max-age=31536000; includeSubdomains";
        proxy_set_header X-Forwarded-For $remote_addr;
        server_tokens off;
        charset utf-8;
        error_page   500 502 503 504  /50x.html;
        location ~ \.php$ {
            try_files $uri =404;
            include /Nginx/nginx-1.8.0/conf/fastcgi_params;
            fastcgi_param HTTPS on;
            fastcgi_param HTTP_SCHEME https;
            fastcgi_split_path_info ^(.+\.php)(.*)$;
            fastcgi_pass 127.0.0.1:9000;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        }
    }
}

Client.js - Connection script in index.php

<script src="./jquery-1.11.1.js"></script>
<script src="./socket.io-1.3.5.js"></script>
<script>
  var socket = io('wss://192.168.100.22:9001');
  $("form").submit(function(){
    socket.emit('chat message',$('#m').val());
    $('#m').val('');
    return false;
  });
  socket.on('connect', function(){
      socket.emit('authenticate', {token: 456456456,rights:'any'});
    });
  socket.on('chat message', function(msg){
    $('#messages').append($('<li>').text(msg));
  });
  socket.on('hi',function(){
    $('#messages').append($('<li>').text('connection'));
  });
</script>

服务器位于192.168.100.22 IP上。

Nginx监听80和443端口，并将所有流量重定向到443（https）。

通过nginx访问文件夹是正常的，当前的聊天测试位于192.168.100.22/websocks/index.php。

错误消息如下：

GET https://192.168.100.22:9001/socket.io/?EIO=3&transport=polling&t=1432131062725-0 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://192.168.100.22:9001/socket.io/?EIO=3&transport=polling&t=1432131062725-0. Reason: CORS request failed

实际上，我已经尝试将此内容添加到Node.js脚本中：

https.globalAgent.options.rejectUnauthorized = false;
app.get('*',function(req,res,next){
    res.header("Access-Control-Allow-Origin","*");
    res.header("Access-Control-Allow-Headers","X-Requested-With");
    next();
});

但是仍然一无所获...

感谢阅读/帮助

- Julo0sS

---

在我的情况下，错误的SSL证书安装导致了这个问题。 - Dewsworld

Answer 1

请验证您的SSL证书是否有效，并且名称与您的域名匹配。看起来您正在使用证书的IP地址而不是域名。当Firefox抱怨证书时，我看到了CORS错误。

- Kenan

---

嗯，你似乎正在正确的道路上帮助我解决这个问题。正如你所说，证书是自签名的，实际上是为服务器IP地址生成的。这意味着，在证书中，CN与192.168.100.22匹配。那么我该怎么做才能解决这个问题呢？如果我将CN设置为域名而不是IP，会起作用吗？考虑到我在开发VM上，设置一个域名（虚构的，因为我还没有它）而不是IP是可能的吗？并且有效吗？谢谢帮助。 - Julo0sS

是的，如果您在浏览器中输入此 IP 地址并看到证书警告，则可以在浏览器设置中覆盖它以忽略该警告。否则，建议使用证书 CN 的域名而不是 IP 地址。更新本地 hosts 文件，将虚构的域名指向开发 IP。然后在浏览器中打开此域名，并确认在继续之前没有收到任何证书警告。 - Kenan