nginx - 带有 CentOS 和 Nginx 的 blazor 上的 websocket 问题
问题描述
我正在尝试使用 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 每分钟都会调用一次,所以我收到一条消息说它attempting to reconnect to the server
确实做到了。但该网站无法用于 5 秒 ish。
为了解决这个问题,我尝试了我在网上看到的多种解决方案:
在项目中:设置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 版
知道连接的哪一部分可能是错误的吗?
谢谢。
解决方案
发现问题,在proxy_set_header Connection $http_upgrade;
将其更改为:
proxy_set_header Connection "upgrade";
不知道为什么在硬编码值时它会起作用,但确实如此。
推荐阅读
- docker - 如何从本地 docker 镜像启动新的 k8s pod?
- qt - 仅适用于某些键的文本字段,包括选项卡并在 QML 中输入
- reactjs - Element.createShadowRoot 已弃用,将于 2019 年 3 月左右在 M73 中删除。请改用 Element.attachShadow
- html - 使用引导程序可调整大小的文本区域旁边的按钮
- typescript - 如何在 VS Code 中为模板中的 vue 道具启用 Typescript 打字和智能感知?
- php - 我怎样才能 var_dump $this?
- ios - 如何使 CollectionView 和 TableView 一次可滚动?
- regex - 正则表达式提取双引号之间的任何字符串(带双引号)
- spring-integration - spring integraion outbound gateway 的动态 https URL 有问题
- excel - Excel - 基于多个条件的查找值 - 最近的日期