带有 nginx 问题的 vue答案

【问题标题】：vue with nginx issue带有 nginx 问题的 vue
【发布时间】：2018-07-13 03:58:59
【问题描述】：

你好，我正在运行 node+express+vue

这是我的 nginx 配置

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;
    }
}

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

GET https://localhost:8080/sockjs-node/info?t=1517580112789 net::ERR_CONNECTION_REFUSED
client?d420:175 [WDS] Disconnected!
sockjs.js?3600:1601 GET https://localhost:8080/sockjs-node/info?t=1517580112789 net::ERR_CONNECTION_REFUSED

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

【问题讨论】：

标签： node.js express nginx vue.js

【解决方案1】：

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

【讨论】：

【解决方案2】：

初始化连接时不要忘记更改 WebSocket URL：

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

【讨论】：

我需要提到这个 var sock 的地方
@UmarDraz 你不在你的应用程序中使用 websockets 吗？