Getirme ile temel kimlik doğrulama?

Getirme ile basit bir temel kimlik doğrulaması yazmak istiyorum, ancak sürekli bir 401 hatası alıyorum. Birisi bana kodda neyin yanlış olduğunu söylerse harika olurdu

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()
}

Basicİle kodlanmış kullanıcı adı ve şifre arasında boşluk eksik .

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

Bağımlılık içermeyen bir çözüm.

düğüm

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

Tarayıcı

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

Base64.encode () yerine btoa da kullanabilirsiniz .

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

Uygulamadan önce Temel Kimlik Doğrulama kimlik bilgilerini isteyen bir arka uç sunucunuz varsa, bu yeterlidir, ardından şunu yeniden kullanacaktır:

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

Chrome konsoluna kopyalayıp yapıştırmaya basit bir örnek:

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

NODE KULLANICILARI (REACT, EXPRESS) BU ADIMLARI TAKİP EDİN

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. Tüm bu işlevi şu şekilde tanımlamayı unutmayın: async

Temel Kimlik Doğrulama Başlığı form veri istek gövdesine sahip bir kodu paylaşacağım,

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);
   });

Bu doğrudan ilk sorunla ilgili değildir, ancak muhtemelen birine yardımcı olacaktır.

Etki alanı hesabını kullanarak benzer istek göndermeye çalışırken aynı sorunla karşılaştım. Yani benim sorunum, oturum açma adında kaçan karakterde değildi.

Kötü örnek:

'ABC\username'

İyi örnek:

'ABC\\username'