Angular2 REST запрос HTTP код состояния 401 изменяется на 0

вопрос CORS запросы см. этот вопрос github

заголовок "Access-Control-Allow-Origin" отсутствует в запрошенном заголовке ресурс

означает, что 'Access-Control-Allow-Origin' требуется в заголовках ответов.

Angular не получает никаких кодов состояния, поэтому он дает вам 0 что вызвано браузером, не позволяющим xml parser для разбора response из-за недопустимого headers.

вам нужно добавить правильное заголовки CORS на error response а также success.

если cloudcms.com сделать, чтобы не установить Access-Control-Allow-Origin в ответе 401, тогда вы ничего не можете сделать. Вы должны правильно открыть билет поддержки с ними, чтобы подтвердить, является ли это нормальным поведением.

javascript в браузерах (FF, Chrome и Safari), которые я тестировал, не получит никакой информации, если произойдет ошибка CORS, кроме статуса 0. Angular2 не контролирует его.

Я создал простой тест и получил тот же результат, что и ваш:

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); }
        );
}

после долгого гугления я нашел следующее (https://github.com/angular/angular.js/issues/3336):

лукасп прокомментировал 19 августа 2013

Я нашел проблему на некоторое время, но я забыл опубликовать здесь ответ. Каждый ответ, даже Ошибка 500, должен иметь прикрепленные заголовки CORS. Если сервер не присоединяет заголовки CORS к ответу Error 500, объект XHR не будет анализировать его, таким образом, у объекта XHR не будет тела ответа, состояния или других данных ответа внутри.

результат от сетевого монитора Firefox, похоже, поддерживает вышеуказанную причину.

запрос Javascript получит пустой ответ.

простой запрос url(скопируйте и вставьте ссылку в адресной строке) получит тело ответа

Javascript используйте XHRHttpRequest для http-связи.

когда придет ответ XHR, браузер обработает заголовок, поэтому вы увидите эти 401 сетевые сообщения. Однако, если ответ XHR от другого хоста, то javascript и заголовок ответа не содержат заголовка CORS(например,Access-Control-Allow-Origin: *), браузер не будет передавать информацию обратно в слой XHR. В результате тело ответа будет полностью пустым без статуса (0).

Я тестировал с FF 48.0.1, Chrome 52.0.2743.116 и Safari 9.1.2, и все они имеют одинаковое поведение.

используйте сетевой монитор браузера, чтобы проверить заголовок ответа для тех 401 Unauthorized записи, очень вероятно, что нет Access-Control-Allow-Origin заголовок и вызывая проблемы. Это может быть ошибка или по дизайну на стороне поставщика услуг.

Access-Control-Allow-Origin - это только HTTP-заголовок ответа. Для получения дополнительной информации https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS#The_HTTP_response_headers

по данным W3C по, если атрибут status имеет значение 0, это означает, что:

• состояние не отправлено или открыто.

или

• установлен флаг ошибки.

Я думаю, что это не Angular2 вопрос, похоже, что ваш запрос имеет проблемы.

вы должны использовать сторонний монитор протокола http (например, CharlesProxy), а не инструменты Chrome dev, чтобы подтвердить, какие заголовки фактически отправляются в службу API, и если он возвращает 401.

у меня была та же проблема и из-за того, что сервер не отправил правильный ответ (хотя в журнале консоли указано 401, угловая ошибка имела статус 0). Мой сервер был Tomcat с Java-приложением, использующим Spring MVC и Spring Security.

теперь он работает с помощью folowing setup:

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>

контроллер для обработки /ошибки./.. ранее определено

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

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

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

    }
}