axios interceptor

WHO

STATUS

solved

WHEN

Dec 12, 2021

👿 Problem

Case 1: axios.create()를 변수에 바로 할당 후 export


// Case 1
// api.js

const API = axios.create({})

export default API

// signup.js
import API from '../api'

const signup = () => {
  return API.post()
}

이 경우 API의 리턴 값은 wrap()으로 감싸져서 나오며 요청도 무사히 됨

Case 2: axios.create()를 함수 내에서 리턴 후 export


// Case 2
// api.js

const API = () => {
  const instance = axios.create({})
	return instance
}

export default API

// signup.js
import API from '../api'

const signup = () => {
  return API.post()
}

이 경우 API 함수 자체가 리턴되어 인스탄스로 반환되지 못함

😇 Solution



const API = () => {
  const instance = axios.create({})
	return instance
}

const request = API() // 추가됨
export default request

// signup.js
import request from '../api'

const signup = () => {
  return request.post()
}

API 함수 자체가 리턴되기 때문에 export 하기 전 함수를 호출하여 인스턴스를 request에 반환함.

axios interceptor

👿 Problem

Case 1: axios.create()를 변수에 바로 할당 후 export

Case 2: axios.create()를 함수 내에서 리턴 후 export

😇 Solution

🧐 Reference