Basic authentication with fetch

Question

I want to write a simple basic authentication with fetch  but I keep getting a 401 error  It would be awesome if someone tells me what s wrong with the code  let base64   require  base-64     let url    http   eu httpbin org basic-auth user passwd   let username    user   let password    passwd    let headers   new Headers       headers append  Content-Type    text json    headers append  Authorization    Basic    base64 encode username    quot   quot    password     fetch url   method  GET           headers  headers            credentials   user passwd             then response   gt  response json     then json   gt  console log json       done     function parseJSON response    return response json

User · Accepted Answer

You are missing a space between Basic and the encoded username and password    headers set  Authorization    Basic     base64 encode username         password

User · Answer

I ll share a code which has Basic Auth Header form data request body   let username    test-name   let password    EbQZB37gbS2yEsfs   let formdata   new FormData    let headers   new Headers      formdata append  grant type   password    formdata append  username   testname    formdata append  password   qawsedrf     headers append  Authorization    Basic     base64 encode username         password    fetch  https   www example com token php      method   POST    headers  headers   body  formdata    then  response    gt  response json     then  responseJson    gt     console log responseJson     this setState       data  responseJson              catch  error    gt     console error error

User · Answer

NODE USERS  REACT EXPRESS  FOLLOW THESE STEPS   npm install base-64 --save import   encode   from  base-64    const response   await fetch URL      method   post     headers  new Headers        Authorization    Basic     encode username         password        Content-Type    application json          body  JSON stringify        PassengerMobile    xxxxxxxxxxxx        Password    xxxxxxx           const posts   await response json     Don t forget to define this whole function as async

User · Answer

A simple example for copy-pasting into Chrome console   fetch  https   example com path    method  GET    headers    Authorization    Basic     btoa  login password       then response   gt  response json     then json   gt  console log json

User · Answer

A solution without dependencies   Node  headers set  Authorization    Basic     Buffer from username         password  toString  base64       Browser  headers set  Authorization    Basic     btoa username         password

User · Answer

If you have a backend server asking for the Basic Auth credentials before the app then this is sufficient  it will re-use that then   fetch url      credentials   include      then

User · Answer

You can also use btoa instead of base64 encode     headers set  Authorization    Basic     btoa username         password

User · Answer

This is not directly related to the initial issue  but probably will help somebody   I faced same issue when was trying to send similar request using domain account  So mine issue was in not escaped character in login name   Bad example    ABC username    Good example    ABC  username

[javascript] Basic authentication with fetch?

Examples related to javascript

Examples related to fetch-api