REST API request in Angular 8 is showing statusText: "Unknown Error"

Question

I am trying to get some data from the server through REST API service. Inside the service.ts I have below,

    getCategories(): Observable<Category> {

// Http Options
    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin' : '*',
        'Access-Control-Allow-Methods' : 'POST'
      })
    };
        return this.http.post<Category>(this.apiURL+'api', JSON.stringify({"type":"get_categories"}), httpOptions )
        .pipe(
          retry(0),
          //catchError(this.handleError)
        )
      }

Which again shows the error as below,

Object { headers: {…}, status: 0, statusText: "Unknown Error", url: "http://localhost/test/api", ok: false, name: "HttpErrorResponse", message: "Http failure response for http://localhost/test/api: 0 Unknown Error", error: error }

I have been referring lots of posts, but nothing helps.

Tony · Accepted Answer · 2019-07-04 07:45:33Z

1

You get this error

ERROR ReferenceError: "httpOptions is not defined"

because you are using the httpOptions that defined outside of the scrope of getCategories

You should change your code like this.

getCategories(): Observable<Category> {
   const httpOptions = {
        headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Access-Control-Allow-Origin' : '*',
        'Access-Control-Allow-Methods' : 'GET, POST, PUT, DELETE'
        })
    };

   return this.http.post<Category>(this.apiURL+'api', JSON.stringify({"type":"get_categories"}), httpOptions )
    .pipe(
      retry(0),
      //catchError(this.handleError)
    )
  }

answered Jul 4, 2019 at 7:45

Tony

20.3k7 gold badges42 silver badges62 bronze badges

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

8 Comments

Anto S Over a year ago

This addresses one point. Now this section is ok. But even if follow this or passing the headers directly inside the request I am getting error as Http failure response. Please refer the second section in the query.

Tony Over a year ago

It's really hard to tell because I dont know you handle the API side code

Anto S Over a year ago

Something is strange. If I pass headers, request itself not reaching the API server. Request method shows as OPTIONS instead of POST if I pass the header

Tony Over a year ago

Do you run angular and server jn different port ?

Anto S Over a year ago

Yes, angular and API (Basically laravel on wamp) running on different port

|

Collectives™ on Stack Overflow

REST API request in Angular 8 is showing statusText: "Unknown Error"

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related