Pesquisa de site

angular - Falha ao executar 'setRequestHeader' em 'XMLHttpRequest': O estado do objeto deve ser ABERTO

Eu tenho desenvolvido uma aplicação Angular com API RESTful get(). Eu encontrei alguns erros, como erro de não autorização: 401, que já foi resolvido. Agora estou recebendo esse erro, que é meio que direto. Eu também tentei adicionar o pacote CORS.

Tenho procurado soluções em vão. Reedi minha pergunta anterior, mas parece não haver resposta.

my-httpservice.service

import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { Http, Response, Headers, RequestOptions, URLSearchParams } from 
'@angular/http';


@Injectable()
export class MyHttpserviceService {

constructor(private http:Http) {}

server_grid_Get(){

var request = new XMLHttpRequest();
var user = "Root";
var pass = "root";

//Use Basic authentication

request.setRequestHeader("Authorization", "Basic " + btoa(user + ":" + pass));
request.setRequestHeader('Content-Type','application/json');
request.setRequestHeader('Access-Control-Allow-Credential','true');

 request.open("GET", "http://192.100.00.000:0000/_db/xxxxx_app/_api/document/wsdl_test/4934434",true);

  return this.http.get("http://192.100.00.000:0000/_db/xxxx_app/_api/document/wsdl_test/4934434").map(response => response.json());


 request.addEventListener('load', function(event) {
    if (request.status >= 200 && request.status < 300) {
        console.log(request.responseText);
    } else {
        console.warn(request.statusText, request.responseText);
    }
  });
  request.send();
}
}

Resposta #1

do guia Angular

você deve usar algo assim (Angular 4.3+/Certifique-se de usar HttpClientModule e não o antigo HttpModule)

@Injectable()
export class MyHttpserviceService {      
  constructor(private http:HttpClientModule) {}
  private makeMyRequest () {
       return this.http.get("http://192.100.00.000:0000/_db/xxxx_app/_api/document/wsdl_test/4934434", {
            headers: new HttpHeaders()
                .set('Authorization', 'Basic ' + btoa(user + ':' + pass))
                .set('Content-Type','application/json')
                .set('Access-Control-Allow-Credential','true')
          });
  }
}

então em um componente

<yourservice>.makeMyRequest().subscribe(data => {
     // anything you want
});

Resposta #2

No meu caso, meu cabeçalho tinha um caractere \n no final do valor do cabeçalho de autenticação, o que causou toda a confusão

Artigos relacionados