带有 CentOS 和 Nginx 的 blazor 上的 websocket 问题答案

【问题标题】：websocket issue on blazor with CentOS and Nginx带有 CentOS 和 Nginx 的 blazor 上的 websocket 问题
【发布时间】：2021-05-01 08:00:37
【问题描述】：

我正在尝试使用 CentOS 将我的 blazor 应用程序（服务器端）部署到我的 VPS 中。

部署顺利，我可以访问我的网站，但在控制台中我看到以下错误：

blazor.server.js:1 WebSocket connection to 'wss://website.com/_blazor?id=bMDvWwyNa5R5y9KsTVUS6A' failed: 
(anonymous) @ blazor.server.js:1
blazor.server.js:1 [2021-05-01T07:33:36.170Z] Error: Failed to start the transport 'WebSockets': Error: There was an error with the transport.
e.log @ blazor.server.js:1
/_blazor?id=l_DDVIXzIu1Ro3zd9stUsA&_=1619854490093:1 Failed to load resource: the server responded with a status of 504 ()
blazor.server.js:1 [2021-05-01T07:35:50.195Z] Error: Connection disconnected with error 'Error'.

我不知道如何处理它们。

据我所知，websocket/signalR 没有打开，这意味着一旦加载网站，连接就会“切断”，这里的问题是 blazor 每分钟都会调用一次，所以我收到一条消息说@987654324 @ 它做到了。但该网站在 5 秒内无法使用。

为了解决这个问题，我尝试了我在网上看到的多种解决方案：

在项目中：设置了services.AddSignalR()和app.UseWebSockets()，但是没有用。

我也认为它可能是 nginx（并且可能是）然后我发现了这个： https://www.nginx.com/blog/websocket-nginx/ 和 https://docs.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/server?view=aspnetcore-5.0#linux-with-nginx

但它似乎不起作用：

map $http_upgrade $connection_upgrade {
        default upgrade;
        '' close;
    }

server {
    server_name website.com;

    location / {
        proxy_pass         http://localhost:5201;
        proxy_http_version 1.1; # added from ms documentation
        proxy_set_header   Upgrade $http_upgrade;
        proxy_set_header   Connection $http_upgrade;
        proxy_set_header   Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_set_header   X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header   X-Forwarded-Proto $scheme;
    }

    listen 443 http2 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/website.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/website.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}

编辑： 我在 nginx 文件中也有这个

server{
if ($host = website.com) {
        return 301 https://$host$request_uri;
    } # managed by Certbot
    server_name website.com ;
    listen 80 ;
    return 404;
}

EDIT2：我在 nginx 上运行 1.20 版

知道连接的哪一部分可能是错误的吗？

谢谢。

【问题讨论】：

标签： nginx websocket centos7 blazor-server-side

【解决方案1】：

发现问题，在proxy_set_header Connection $http_upgrade;这一行

将其更改为： proxy_set_header Connection "upgrade";

不知道为什么在硬编码值时它会起作用，但确实如此。

【讨论】：