书籍
TypeScript
第11章. HTML与网络开发
使用基本认证发送 HTTP 请求

TypeScript:
使用基本认证发送 HTTP 请求

How to: (如何操作:) 

import axios from 'axios';

const url = 'https://api.example.com/data';
const username = 'yourUsername';
const password = 'yourPassword';

const basicAuth = 'Basic ' + btoa(username + ':' + password);

axios.get(url, {
  headers: { 'Authorization': basicAuth }
})
.then(response => {
  console.log('Data retrieved:', response.data);
})
.catch(error => {
  console.error('Error fetching data:', error);
});

Sample output:

Data retrieved: { /* ...response data... */ }

Deep Dive (深入探讨)

发送带基本认证的HTTP请求是早期认证方式。它简单但不是最安全的，因为基本认证可被中间人攻击。所以，总是在HTTPS上使用它。现在，有更安全的替代方法，如OAuth和JWT。在构建axios请求时，要编码用户名和密码，使用btoa函数。然而，最近的浏览器环境和Node.js有内置方法处理这种编码问题。

See Also (另请参阅)

发出 HTTP 请求