[JS] axios interceptor로 authorization header 설정하는 방법.

[JS] axios interceptor로 authorization header 설정하는 방법.

안녕하세요, 이번 포스팅에서는 axios interceptor를 활용해 authorization header의 default값을 설정하는 방법에 대해 알아보겠습니다.

• 토큰이 있을 경우
  • config.header.Authorization = `Bearer ${token}`
• 토큰이 없을 경우
  • config.header.Authorization = ""
• 예시 코드

axios.interceptors.request.use(function (config) {

config.headers.Authorization = token ? `Bearer ${token}` : "";

return  config;

});

이렇게 설정해주면, axios 요청을 할 때 자동으로 header에 토큰을 넣어서 보내줍니다 !