2017-07-23 65 views
1

我已经使用这个伟大的教程https://blog.sstorie.com/integrating-angular-2-and-signalr-part-2-of-2/角落实现信号客户端。但是,如果我想我的服务在Azure托管到我的网站连接我得到这个错误Angular和SignalR投掷502

WebSocket connection to 'ws://...' failed: Error during WebSocket handshake: 
Unexpected response code: 502 

我Azure的APP,使Websoket也CORS在我的服务被设置为*

我dependenciesin包以.json:

 "dependencies": { 
    "@angular/animations": "^4.2.3", 
    "@angular/common": "^4.2.3", 
    "@angular/compiler": "^4.2.3", 
    "@angular/compiler-cli": "^4.2.3", 
    "@angular/core": "^4.2.3", 
    "@angular/forms": "^4.2.3", 
    "@angular/http": "^4.2.3", 
    "@angular/platform-browser": "^4.2.3", 
    "@angular/platform-browser-dynamic": "^4.2.3", 
    "@angular/platform-server": "^4.2.3", 
    "@angular/router": "^4.2.3", 
    "@ngx-translate/core": "^7.0.0", 
    "@ngx-translate/http-loader": "0.1.0", 
    "admin-lte": "^2.3.11", 
    "angular2-notifications": "^0.7.4", 
    "bootstrap": "^3.3.7", 
    "core-js": "^2.4.1", 
    "font-awesome": "^4.7.0", 
    "jquery": "^3.2.1", 
    "ng2-validation": "^4.2.0", 
    "rxjs": "^5.4.1", 
    "signalr": "^2.2.2", 
    "ts-helpers": "^1.1.2", 
    "typescript": "2.3.4", 
    "zone.js": "^0.8.12" 
    }, 
    "devDependencies": { 
    "@angular/cli": "^1.1.2", 
    "@angular/compiler-cli": "^4.2.3", 
    "@types/jasmine": "2.5.52", 
    "@types/node": "^6.0.42", 
    "codelyzer": "~3.0.1", 
    "jasmine-core": "2.6.4", 
    "jasmine-spec-reporter": "4.1.0", 
    "karma": "1.7.0", 
    "karma-chrome-launcher": "^2.1.1", 
    "karma-cli": "^1.0.1", 
    "karma-jasmine": "^1.1.0", 
    "karma-remap-istanbul": "^0.6.0", 
    "protractor": "~5.1.2", 
    "ts-node": "3.0.6", 
    "tslint": "^5.4.3", 
    "typescript": "2.3.4" 
    } 

我angluar-cli.json包含此脚本部分:

"scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/signalr/jquery.signalr.js", 
     ... 
     ], 

回答

0

<httpRuntime targetFramework="4.7" />添加到我的web.config后,该错误消失。