Ionic cordova HTTP plugin header not added when using basic auth

Ionic Framework
1

Hi im trying to send post request with basic auth in cordova ionic framework v6, but the console log response if im not adding it. here is screenshot from console log when i added basic auth :
image
im following tutorial from ionic documentation ionic documentaion http and the github one cordova-plugin-advanced-http.
but when i didnt use basic auth the header added. I tried with some code like :

this.http.useBasicAuth('user', 'password');

and try adding directly to header param :

this.http.post('someURL', {"username" :username, "password" :password}, {'Authorization': 'Basic ZHJlYW1fMS4wOmRyZWFtXzEuMA==', 'Accept': 'application/json', 'Content-Type':'application/x-www-form-urlencoded'})

but the response always like the image above the header not added. Any solution for this porblem ?, or maybe I am missing something ?.

heres my code :

import { HTTP } from '@awesome-cordova-plugins/http/ngx';

constructor(private http: HTTP) {}

call(){
this.http.post('url', {"username" :variable username, "password" : variable password}, { 'Authorization': 'Basic ZHJlYW1fMS4wOmRyZWFtXzEuMA==', 'Accept': 'application/json', 'Content-Type':'application/x-www-form-urlencoded'})
  .then(res=> {

    console.log(res);

  })
  .catch(err=> {

    console.log(err);

  });
}

thank you in advance.

2

check Call() → http.get
I think you need http.post (to login)

3

hi @grupodixis thanks for your answare. sorry i realize in my code above i write get but its actually its post. i will edit it thanks to make me realize. Btw i try post as well but the result still same the header not added if i use basic auth.

4

i’m sorry look like i made a mistake, the code in above is working, but i test it on browser not device. seems like the code will run in device only. Thank you in advance.