기본 인증은 HTTP를 통해 사용자 이름 및 비밀번호로 로그인을 처리하는 일반적인 방법입니다. Axios를 HTTP 클라이언트로 사용하는 경우 기본 인증이 무료로 제공됩니다.

HTTPBin은 기본 인증 테스트를 위한 무료 샘플 엔드 포인트를 제공합니다. 엔드 포인트 URL에는 테스트 목적으로 올바른 사용자 이름과 비밀번호가 포함되어 있습니다. 예를 들어, 사용자 이름 'foo'및 비밀번호 'bar'에 대해 올바른 형식의 기본 인증을 보내면 https://httpbin.org/basic-auth/foo/bar URL이 성공하고 그렇지 않으면 실패합니다.

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"

https://masteringjs.io/tutorials/axios/basic_auth