Can't send ajax request

Question

Can't send ajax request

Pablo López 1

I've tried to append header token like this:
Attempts:
headers.append('Authorization', 'Bearer '+this.apiToken);

headers.append('Authorization', this.apiToken);

headers.append('api-key', this.apiToken);

headers.append('Ocp-Apim-Subscription-Key', this.apiToken);

and still getting a 401.

I'm trying to reach CognitiveServices through https://myCluster.cognitiveservices.azure.com/ . I achieved it by postman, but in Angular it's impossible, even emulating the same requests.... What am I doing wrong?

BTW, I can't add more labels for a better indexing...

Thank you in advance

YutongTie-MSFT 54,011 Reputation points Moderator

2022-04-13T01:50:45.19+00:00

@Pablo López Thanks for reaching out to us, may I know if you are trying to authorize your subscription by postman with Angulars? Do you have more error information? I am trying to reproduce your error to se the problem.

Regards,
Yutong

Pablo López 1

Hi there,

I did a request by postman and it worked.
I did a request in Angular and it didn't work.

createPerson(name:string, personGroupId?:string):Observable<Object>{  
    personGroupId = personGroupId?personGroupId:this.personGroupBaseId;  
    let url = this.baseUrl + 'face/v1.0/persongroups/'+personGroupId+'/persons';  
    let body = {  
      name: name  
    };  
    let headers:HttpHeaders = this.setHeaders();  
    return this.http.post(url, body, {headers:headers});  
  }  
  
private setHeaders() {  
    let headers: HttpHeaders = new HttpHeaders();  
    headers.append('Authorization', 'Bearer '+this.apiToken);  
    //headers.set('content-type', this.contentType);  
    return headers;  
  }

I've tries the approaches that I wrote in the first message, but none of them work. This is the error I get:

ERROR HttpErrorResponse {headers: HttpHeaders, status: 401, statusText: 'OK', url: 'https://myCluster.cognitiveservices.azure.com/face/v1.0/persongroups/test/persons', ok: false}

The only thing I haven't tried is this, but I don't understand anything

Authorization: HMAC-SHA256 Credential=<Credential>&SignedHeaders=Host;x-ms-date;x-ms-content-sha256&Signature=<Signature>

I don't know if I have to encode my key into b64 or Sha256 or both. Any suggestion?

Your answer

YutongTie-MSFT 54,011 Reputation points Moderator

2022-04-13T01:50:45.19+00:00

@Pablo López Thanks for reaching out to us, may I know if you are trying to authorize your subscription by postman with Angulars? Do you have more error information? I am trying to reproduce your error to se the problem.

Regards,
Yutong
Pablo López 1 Reputation point

2022-04-13T13:10:02.387+00:00

Hi there,

I did a request by postman and it worked.
I did a request in Angular and it didn't work.

createPerson(name:string, personGroupId?:string):Observable<Object>{ personGroupId = personGroupId?personGroupId:this.personGroupBaseId; let url = this.baseUrl + 'face/v1.0/persongroups/'+personGroupId+'/persons'; let body = { name: name }; let headers:HttpHeaders = this.setHeaders(); return this.http.post(url, body, {headers:headers}); } private setHeaders() { let headers: HttpHeaders = new HttpHeaders(); headers.append('Authorization', 'Bearer '+this.apiToken); //headers.set('content-type', this.contentType); return headers; }

I've tries the approaches that I wrote in the first message, but none of them work. This is the error I get:

ERROR HttpErrorResponse {headers: HttpHeaders, status: 401, statusText: 'OK', url: 'https://myCluster.cognitiveservices.azure.com/face/v1.0/persongroups/test/persons', ok: false}

The only thing I haven't tried is this, but I don't understand anything

Authorization: HMAC-SHA256 Credential=<Credential>&SignedHeaders=Host;x-ms-date;x-ms-content-sha256&Signature=<Signature>

I don't know if I have to encode my key into b64 or Sha256 or both. Any suggestion?

Share via

Can't send ajax request

Your answer