TypeScritpでのaxiosでオブジェクトは 'undefined' である可能性があります。となる

Question

エラー内容

TypeScriptでaxiosを使っっているのですが、オブジェクトは 'undefined' である可能性があります。となってしまいます。

コード

import axios from "axios";

// define app API url
axios.defaults.baseURL = process.env.REACT_APP_API_URL;
// configure headers
axios.interceptors.request.use(
  (config) => {
    if (!config.headers.Authorization) {
      const token = localStorage.getItem("authToken");

      if (token) {
        config.headers.Authorization = `Bearer ${token}`;
      }
    }
    return config;
  },
  (error) => Promise.reject(error)
);

export default {
  get: axios.get,
  post: axios.post,
  put: axios.put,
  delete: axios.delete,
};

画像

また別の書き方がありましたら教えて頂きたいです。
よろしくお願いします。

Answer 1

こないに修正するとどないでっか？

- if (!config.headers.Authorization) {
+ if (config.headers && !config.headers.Authorization) {

Comments

[pay_561]

ありがとうございます。無事できました!!