我正在使用Angular 2和ASP.NET Core与SignalR。
我的错误如下所示:
XMLHttpRequest无法加载http://localhost:55916/signalr//signalr/negotiate?clientProtocol=1.5&connectionData=%5B%7B%22name%22%3A%22event%22%7D%5D&_=1486394845411。当请求的凭据模式为“include”时,响应中“Access-Control-Allow-Origin”标头的值不能为通配符“*”。因此,不允许访问源“http://localhost:8080”。XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制。
下面是我的app配置:
public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
var signingKey = new SymmetricSecurityKey(Encoding.ASCII.GetBytes(Configuration["data:secretKey"]));
loggerFactory.AddConsole(Configuration.GetSection("Logging"));
loggerFactory.AddDebug();
app.UseCors(config =>
config.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin());
app.UseWebSockets();
app.UseSignalR("/signalr");
app.UseMvc();
}
Angular 2 SignalR服务
constructor(){
//setups...
this.connection = $.hubConnection(this.baseUrl + 'signalr/');
this.proxy = this.connection.createHubProxy(this.proxyName);
this.registerOnServerEvents();
this.startConnection();
}
注册服务器事件:
private registerOnServerEvents(): void {
this.proxy.on('FoodAdded', (data: any) => {
debugger;
this.foodchanged.emit(data);
});
this.proxy.on('FoodDeleted', (data: any) => {
debugger;
this.foodchanged.emit('this could be data');
});
this.proxy.on('FoodUpdated', (data: any) => {
debugger;
this.foodchanged.emit('this could be data');
});
this.proxy.on('SendMessage', (data: ChatMessage) => {
debugger;
console.log('received in SignalRService: ' + JSON.stringify(data));
this.messageReceived.emit(data);
});
this.proxy.on('newCpuValue', (data: number) => {
debugger;
this.newCpuValue.emit(data);
});
}
错误从开头开始。
4条答案
按热度按时间ebdffaop1#
我想通了。在客户端设置连接时,我必须添加
带证书
属性为false
代码如下:
ctehm74n2#
这对我很有效
必须添加AllowCredentials选项
hfyxw5xn3#
只要在应用程序中使用凭据安全性,您就应该指定CORS请求可能来自的域:
如果您允许来自世界上任何域的CORS请求,则凭证安全性的价值将大大降低。这就是错误信息告诉我们的。
doinxwow4#
在.Net 7中,如果要使用AllowAnyOrigin,则需要在JavaScript中将withCredentials属性设置为false。
所以,下一个代码将在.Net 7中工作。
.Net部分:
示例化连接的JS部分:
所以,诀窍是传递选项**{ withCredentials:false }到withUrl**方法。