使用 Axios HTTP 客户端的基本身份验证

Question

基本身份验证 是通过 HTTP 处理使用用户名和密码登录的常用方法。 如果您使用 Axios 作为 HTTP 客户端，您可以免费获得基本身份验证。

HTTPBin 提供了一个免费的示例端点来测试基本身份验证 。 端点 URL 包含用于测试目的的正确用户名和密码。 例如，网址 https://httpbin.org/basic-auth/foo/bar如果您为用户名“foo”和密码“bar”发送格式正确的基本身份验证，则成功，否则失败。

如果你通过 auth选项 axios.get(), axios 将为您正确格式化基本身份验证，如下所示。

const res = await axios.get('https://httpbin.org/basic-auth/foo/bar', {
  // Axios looks for the `auth` option, and, if it is set, formats a
  // basic auth header for you automatically.
  auth: {
    username: 'foo',
    password: 'bar'
  }
});
res.status; // 200

如果登录失败，HTTPBin 会以 HTTP 401 响应，Axios 会冒泡作为 拒绝承诺 。

const err = await axios.
  get('https://httpbin.org/basic-auth/foo/bar', {
    auth: {
      username: 'foo',
      password: 'baz' // Bad password
    }
  }).
  catch(err => err);
err.message; // "Request failed with status code 401"
err.response.status; // 401 "Unauthorized"