Xác thực cơ bản với tìm nạp?

Tôi muốn viết một xác thực cơ bản đơn giản với tìm nạp, nhưng tôi vẫn gặp lỗi 401. Sẽ thật tuyệt vời nếu ai đó cho tôi biết mã có lỗi:

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

Bạn đang thiếu khoảng trắng giữa Basictên người dùng và mật khẩu được mã hóa.

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

Một giải pháp không có phụ thuộc.

Nút

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

Trình duyệt

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

Bạn cũng có thể sử dụng btoa thay vì base64.encode ().

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

Nếu bạn có máy chủ phụ trợ yêu cầu thông tin xác thực Cơ bản trước ứng dụng thì điều này là đủ, nó sẽ sử dụng lại sau đó:

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

Một ví dụ đơn giản để sao chép dán vào bảng điều khiển Chrome:

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

NGƯỜI DÙNG NODE (REACT, EXPRESS) LÀM THEO CÁC BƯỚC NÀY

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. Đừng quên xác định toàn bộ chức năng này là async

Tôi sẽ chia sẻ mã có nội dung yêu cầu dữ liệu biểu mẫu Tiêu đề xác thực cơ bản,

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

Điều này không liên quan trực tiếp đến vấn đề ban đầu, nhưng có thể sẽ giúp ích cho ai đó.

Tôi đã gặp phải vấn đề tương tự khi cố gắng gửi yêu cầu tương tự bằng tài khoản miền. Vì vậy, vấn đề của tôi là không có ký tự thoát trong tên đăng nhập.

Ví dụ xấu:

'ABC\username'

Ví dụ tốt:

'ABC\\username'