कोणीय 2 HTTP - यह समझने के लिए कि बैकएंड सर्वर

Question

मैं एक फ्रंट एंड विकसित कर रहा हूं जो सर्वर द्वारा प्रदान की गई JSON सेवाओं का उपभोग करता है।

मैं खुशी से कोणीय 2 के HTTP का उपयोग करता हूं और मैं .catch() ऑपरेटर के माध्यम से त्रुटियों को पकड़ सकता हूं।

मैं एक विशिष्ट सेवा से संबंधित एक समस्या मिल जाए (जैसे सेवा सर्वर से परिभाषित नहीं है) catch() ऑपरेटर स्थिति 404 के साथ एक Response प्राप्त करता है और मैं आसानी से स्थिति का प्रबंधन कर सकते हैं।

दूसरी ओर, अगर यह सर्वर है कि पूरी तरह से नीचे, catch() ऑपरेटर स्थिति कोड 200 और कोई विशेष संकेत या पाठ समस्या (जो कि पूरे सर्वर है के कारण से संबंधित के साथ एक प्रतिक्रिया प्राप्त करता है नीचे)। कंसोल पर मुझे लगता है कि कोणीय (http.dev.js) एक संदेश net::ERR_CONNECTION_REFUSED लिखता है लेकिन मुझे नहीं पता कि मेरे कोड के भीतर से कुछ ऐसा कैसे करना है (यानी समझ रहा है कि क्या हो रहा है और उचित प्रतिक्रिया दें)।

किसी भी मदद की सराहना की जाएगी।

Answer 1

मैं angular2.0.0-beta.15

का उपयोग करते समय ऐसा लगता है कि यह एक बग है एक ही समस्या है। आप http स्थिति 200 हो और यह सही नहीं है:

https://github.com/angular/http/issues/54

Answer 2

आप अपने आवेदन में विश्व स्तर पर इस घटना को संभालने के लिए मैं थोड़ा संशोधित निकोलस Henneaux के जवाब https://stackoverflow.com/a/37028266/1549135

मूल रूप से आप कर सकते हैं का उपयोग कर की अनुशंसा करते हैं error.status === 0 के लिए जांचें जो तब होता है जब net::ERR_CONNECTION_REFUSED त्रुटि होती है।

पूरा मॉड्यूल फ़ाइल:

import { Request, XHRBackend, BrowserXhr, ResponseOptions, XSRFStrategy, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/observable/throw'; 

export class AuthenticationConnectionBackend extends XHRBackend { 

    constructor(_browserXhr: BrowserXhr, _baseResponseOptions: ResponseOptions, _xsrfStrategy: XSRFStrategy) { 
    super(_browserXhr, _baseResponseOptions, _xsrfStrategy); 
    } 

    createConnection(request: Request) { 
    let xhrConnection = super.createConnection(request); 
    xhrConnection.response = xhrConnection.response.catch((error: Response) => { 
     if (error.status === 0){ 
     console.log("Server is down...") 
     } 
     ... 
     return Observable.throw(error); 
    }); 
    return xhrConnection; 
    } 

} 

मॉड्यूल फ़ाइल:

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { HttpModule, XHRBackend } from '@angular/http'; 
import { AppComponent } from './app.component'; 
import { AuthenticationConnectionBackend } from './authenticated-connection.backend'; 

@NgModule({ 
    bootstrap: [AppComponent], 
    declarations: [ 
     AppComponent, 
    ], 
    entryComponents: [AppComponent], 
    imports: [ 
     BrowserModule, 
     CommonModule, 
     HttpModule, 
    ], 
    providers: [ 
     { provide: XHRBackend, useClass: AuthenticationConnectionBackend }, 
    ], 
}) 
export class AppModule { 
}