Axios 요청 관련 삽질(auth)

 

import axios from 'axios';

export default axios.create({
  baseURL: 'http://localhost:3000',
  headers: {
    'Content-Type': 'application/json'
  },
  // auth가 header 오브젝트 위에 위치해야 정상동작함
  auth: {
    username: 'username',
    password: 'password'
  },
  proxyHeaders: false,
  credentials: false
});

 

axios 기본 config 세팅시 auth가 header보다 뒤에 위치해 있으면 400 에러가 발생한다.

의도는 먼저 인증을하고 헤더 값을 실어서 요청을 보내야 정상 동작이 된다는건 알겠지만,

일반적으로 config 순서 상관없이 설정이 되어있으면 정상적으로 동작하는게 맞다고 생각이든다..

추후 서버설정이 잘못되었나 살펴봐야겠다.