SignalR 增加远程访问跨域支持

小渣渣

需求：前端和后端不在一个域名上，所以存在跨域问题，前端如何连接远程 SignalR 呢？

首先，js代码如下：

登录可见。

一开始尝试连接会报错如下：

Access to fetch at 'http://localhost:27939/testHub/negotiate?negotiateVersion=1' from origin 'http://localhost:5009' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

ASP.NET Core 3.1 添加允许跨域

ConfigureServices 代码如下：

登录可见。

Configure 代码如下：

登录可见。

再次尝试连接会报错如下：

Access to fetch at 'http://localhost:27939/testHub/negotiate?negotiateVersion=1' from origin 'http://localhost:5009' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

再次修改 ConfigureServices 代码如下：

登录可见。

问题解决！

飞鱼

学习学习。。。

jiao983

学习中学习中学习中