Get error 401 on images on WP Rest API

@ferdinandferdinandfe wrote:

Hello,

I’m using a basic authentication in my app to load articles of my wordpress which is locked with authentication.
I’ve used HttpHeaders but I don’t know why, every image returns a 401 error (unauthorized).

I thought it was a CORS issue until I tried on every browser, device and used a plugin to allow CORS on Chrome.

Here is the code that get the articles :

get(query: string = '') {

    let username = "test";
    let password = "test";
    const httpOptions = {
      headers: new HttpHeaders({
        'Authorization': 'Basic ' +
          btoa(username + ':' + password)
      })
    };

    return this.http.get(this.API_URL + query, httpOptions);
  }

and the code in home.html that fails to load
<img src="{{ item._embedded['wp:featuredmedia'][0].media_details.sizes.medium.source_url }}" />

It always shows this

Capture d’écran 2018-07-10 à 17.59.09.png1316x84 16.5 KB

Can anyone help ? Thank you

Posts: 1

Participants: 1

Read full topic