Angular HttpClient "Unknown Error" with .Get() Request to Azure Search API

Question

Currently facing a problem where the request to Azure Search API is returning an "Unknown error".

I got the .Get() request working in postman and thought it would be theoretically the same set-up in Angular using the Http Client.

export class AzureSearchConfigComponent implements OnInit {
synonyms: any[];
private synonymUrl = 'https://name.search.windows.net/synonymmaps?api-version=2017-11-11'
constructor(private http: HttpClient) { }

ngOnInit() 
{
let headers = new HttpHeaders();
headers = headers
  .set('Content-Type', 'application/json')
  .set('api-key','xxxx-xxx-xxxxx');

this.http.get(this.synonymUrl,{headers:headers})
  .subscribe(
    repsonse => {
      console.log(repsonse);
    }
  );
}
}

Error message:

ERROR HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …}

Postman Response:

also getting the error:

Response for preflight is invalid (redirect)

As I state, it works with postman, [name] would be the name of my azure subscription, just didn't want it public. — Rob
– Rob, Commented May 30, 2018 at 15:07
I've read that it's something to do with CORS, but i'm running the angular app locally on localhost:4200, tried disabling internet security on chrome but still no luck — Rob
– Rob, Commented May 30, 2018 at 15:10
Just posted the other error i ge tbefore the "unknown error" : Response for preflight is invalid (redirect) — Rob
– Rob, Commented May 30, 2018 at 15:13

Rob · Accepted Answer · 2018-05-31 11:55:08Z

1

Turns out a temporary solution is to disable web security on google chrome, by running the following command into cmd (after locating the chrome.exe in program x86)

--disable-web-security --user-data-dir

This is because the CORS settings in chrome causes a redirect flight, I am currently also trying to host on a proxy to see if the issue can be resolved without disabling web security, will post here if successful

answered May 31, 2018 at 11:55

Rob

1092 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JL West Over a year ago

This is the only thing that has worked for me while testing typescript with Rider. It only seems to work with Chrome directly and not any Chrome-based browsers. I could not get Brave or Edge to work.

Collectives™ on Stack Overflow

Angular HttpClient "Unknown Error" with .Get() Request to Azure Search API

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related