'XMLHttpRequest'에서 'setRequestHeader'를 실행하지 못했습니다. 객체의 상태는 OPENED 여야합니다.

Question

나는 안락한 API get()으로 각도 애플리케이션을 개발해 왔습니다. 무단 오류와 같은 몇 가지 오류가 있습니다 : 401 해결되었습니다. 이제 나는 일종의 직접적인 오류가 발생했습니다. CORS 패키지를 추가하려고했습니다.

나는 헛된 해결책을 찾고있다. 이전 질문을 다시 편집했지만 응답이없는 것 같습니다.

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

Answer 1

angular guide

에서 당신은 구성 요소에 다음

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

을 (HttpClientModule 사용 확실하지 오래된 HttpModule을 확인/각 4.3) 같은 것을 사용한다

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