Autenticazione di base con recupero?

Voglio scrivere una semplice autenticazione di base con fetch, ma continuo a ricevere un errore 401. Sarebbe fantastico se qualcuno mi dicesse cosa c'è che non va nel codice:

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 + ":" + password));

fetch(url, {method:'GET',
        headers: headers,
        //credentials: 'user:passwd'
       })
.then(response => response.json())
.then(json => console.log(json));
//.done();

function parseJSON(response) {
return response.json()
}

Manca uno spazio tra Basice il nome utente e la password codificati.

headers.set('Authorization', 'Basic ' + base64.encode(username + ":" + password));

Una soluzione senza dipendenze.

Nodo

headers.set('Authorization', 'Basic ' + Buffer.from(username + ":" + password).toString('base64'));

Browser

headers.set('Authorization', 'Basic ' + btoa(username + ":" + password));

Puoi anche usare btoa invece di base64.encode ().

headers.set('Authorization', 'Basic ' + btoa(username + ":" + password));

Se hai un server back-end che richiede le credenziali di autenticazione di base prima dell'app, questo è sufficiente, lo riutilizzerà quindi:

fetch(url, {
  credentials: 'include',
}).then(...);

Un semplice esempio di copia-incolla nella console di Chrome:

fetch('https://example.com/path', {method:'GET', 
headers: {'Authorization': 'Basic ' + btoa('login:password')}})
.then(response => response.json())
.then(json => console.log(json));

GLI UTENTI DEL NODO (REAZIONE, ESPRESSIONE) SEGUONO QUESTI PASSAGGI

1. npm install base-64 --save
2. import { encode } from "base-64";

3.  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();

4. Non dimenticare di definire l'intera funzione come async

Condividerò un codice che ha il corpo della richiesta di dati del modulo di intestazione autenticazione di base,

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) => response.json())
.then((responseJson) => {
 console.log(responseJson);

 this.setState({
    data: responseJson
 })
  })
   .catch((error) => {
 console.error(error);
   });

Questo non è direttamente correlato al problema iniziale, ma probabilmente aiuterà qualcuno.

Ho riscontrato lo stesso problema durante il tentativo di inviare una richiesta simile utilizzando l'account di dominio. Quindi il mio problema riguardava il carattere non sfuggito nel nome di accesso.

Cattivo esempio:

'ABC\username'

Buon esempio:

'ABC\\username'