Axios config object is possibly 'undefined'?

Question

[Alexander]

const $api = axios.create({
  withCredentials: true,
  baseURL: API_URL,
})

$api.interceptors.request.use((config:AxiosRequestConfig) => {
  config.headers.Authorization = `Bearer ${localStorage.getItem('token')}`
  return config
})

Comments

[Aetae]

Как решить - указали в ответе, а причина написана в ошибке: "объект config.headers возможно undefined(т.е. не существует)". Не всегда в конфиге вообще присутствуют headers. И если там их не будет - твой скрипт упадёт, на что и намекает TS.

Answer 1

[Дмитрий Беляев]

(config.headers ??= {}).Authorization = `Bearer ${localStorage.getItem('token')}`