Angular2 REST request HTTP status code 401 change à 0

Le problème est lié à SCRO demandesc'github question

aucun en-tête' Access-Control-Allow-Origin ' n'est présent sur la requête ressource

signifie que 'Access-Control-Allow-Origin' est obligatoire dans les en-têtes de réponse.

Angular ne reçoit pas de codes de statut, c'est pourquoi il vous donne un 0 qui est causé par le navigateur ne permettant pas le xml parser pour analyser l' response pour cause d'invalidité headers.

Vous devez ajouter correct CORS des en-têtes pour votre error response ainsi que success.

Si cloudcms.com faire pour ne pas définir le Access-Control-Allow-Origin dans la réponse 401, alors rien de ce que vous pouvez faire. Vous devez correctement ouvrir billet de soutien avec eux pour confirmer si c'est un comportement normal.

javascript dans les navigateurs (FF, Chrome & Safari) que j'ai testé ne recevra aucune information Si L'erreur CORS se produit, autre que l'état 0. Angular2 n'a aucun contrôle.

j'ai créé un test simple et j'obtiens le même résultat que le vôtre:

geturl() {
    console.log('geturl() clicked');
    let headers = new Headers({ 'Content-Type': 'application/xhtml+xml' });
    let options = new RequestOptions({ 'headers': headers });
    this.http.get(this.url)
        .catch((error): any => {
            console.log('************* ERROR Response', error);
            let errMsg = (error.message) ? error.message :
                error.status ? `${error.status} - ${error.statusText}` : 'Web Server error';
            return Observable.throw(error);
        })
        .subscribe(
        (i: Response) => { console.log(i); },
        (e: any) => { console.log(e); }
        );
}

après beaucoup googler, Je j'ai trouvé ce qui suit (https://github.com/angular/angular.js/issues/3336):

lucassp commente le 19 août 2013

j'ai trouvé le problème depuis un moment maintenant mais j'ai oublié de poster ici une réponse. Chaque réponse, même erreur 500, doit avoir les en-têtes CORS attachés. Si le serveur n'attache pas les en-têtes CORS à la réponse Error 500, alors L'objet XHR ne l'analysera pas, de sorte que L'objet XHR n'aura pas de corps de réponse, de statut ou de toute autre réponse. les données à l'intérieur.

résultat du moniteur réseau de Firefox semble supporter la raison ci-dessus.

Javascript demande recevra de réponse vide.

demande D'url simple (copier & coller le lien dans la barre d'adresse) obtiendra le corps de réponse

Javascript utiliser Xhrhttprequest pour la communication http.

quand une réponse XHR arrive, le navigateur traite l'en-tête, c'est pourquoi vous verrez ces messages du réseau 401. Cependant, si la réponse XHR provient d'un autre hôte, le javascript et l'en-tête de réponse ne contiennent pas d'en-tête CORS(par exemple Access-Control-Allow-Origin: *), le navigateur ne transmet aucune information à la couche XHR. En conséquence, la réponse du corps sera complètement vide avec aucun statut(0).

j'ai testé avec FF 48.0.1, Chrome 52.0.2743.116 et Safari 9.1.2, et ils ont tous le même comportement.

utilisez le moniteur de réseau de navigateur pour vérifier la réponse l'en-tête pour ceux 401 Unauthorized entrées, il est très probable qu'il n'y a pas de Access-Control-Allow-Origin en-tête et de causer le problème que vous affrontez. Cela peut être d'un bug ou d'une conception du prestataire de services secondaires.

Access-Control-Allow-Origin est une réponse seulement en-tête http. Pour plus d'informations sur https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#The_HTTP_response_headers

Selon W3C, si l'attribut status est défini à 0, cela signifie que:

• L'état est non ENVOYÉS ou OUVERT.

ou

• le drapeau d'erreur est activé.

je pense que ce n'est pas un Angular2 problème, il semble que votre demande a un problème.

vous devriez utiliser un moniteur de protocole http tiers (comme CharlesProxy) plutôt que les outils de Chrome dev pour confirmer quels en-têtes sont réellement envoyés au service API et s'il retourne un 401.

j'ai eu le même problème et c'était dû au fait que le serveur n'envoyait pas la bonne réponse (même si le journal de bord de la console indiquait un 401, l'erreur angulaire avait l'état 0). Mon serveur était Tomcat avec L'application Java utilisant MVC de printemps et la sécurité de printemps.

il fonctionne maintenant en utilisant la configuration suivante:

SecurityConfig.java

...
protected void configure(HttpSecurity http) throws Exception {
....
    http.exceptionHandling()
            .accessDeniedHandler(accessDeniedHandler)
            .authenticationEntryPoint(authenticationEntryPoint);
    // allow CORS option calls
    http.authorizeRequests().antMatchers(HttpMethod.OPTIONS, "/**").permitAll();
 ...

SomeAuthenticationEntryPoint.java

@Component
public class SomeAuthenticationEntryPoint implements AuthenticationEntryPoint {

  @Override
  public void commence(HttpServletRequest request, HttpServletResponse response, AuthenticationException authException) throws IOException, ServletException {
    HttpStatus responseStatus = HttpStatus.UNAUTHORIZED;
    response.sendError(responseStatus.value(), responseStatus.getReasonPhrase());
    }
}

web.xml

<error-page>
    <error-code>403</error-code>
    <location>/errors/unauthorised</location>
</error-page>
<error-page>
    <error-code>401</error-code>
    <location>/errors/unauthorised</location>
</error-page>

Contrôleur pour gérer le /erreur./.. précédemment défini

@RestController
@RequestMapping("/errors")
public class SecurityExceptionController {

    @RequestMapping("forbidden")
    public void resourceNotFound() throws Exception {
        // Intentionally empty
    }

    @RequestMapping("unauthorised")
    public void unAuthorised() throws Exception {
        // Intentionally empty
        }

    }
}