vue与nginx问题

Question

您好我正在运行node + express + vue

这是我的nginx配置

{ 
   _id:
   name: "London, UK"
}

使用上述配置，我可以使用https://mydomain.me访问我的网站，但在Chrome控制台中会出现一些错误。

server {
  listen 443;
  server_name mydomain.me;
  ssl                  on;
  ssl_certificate      /root/mydomain.me.cert;
  ssl_certificate_key  /root/mydomain.me.key;
  ssl_session_timeout  5m;
  ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

  location / {
        proxy_pass http://localhost:8080;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "upgrade";
        proxy_set_header Host $http_host;
    }
}

请你帮我解释为什么localhost：8080仍然出现？以及如何解决这个问题

Answer 1

websocket试图通过nginx直接连接到8080。您还需要代理该连接。

Answer 2

Don't forget to change WebSocket URL when you initialise your connection:

var sock = new SockJS('https://mydomain.me');