Предотвращение множественных вызовов axios

У вас несколько проблем, во-первых, вы ничего не возвращаете в своей функции.

const uniqueAxios = async (method, url, data) => {
  if (urlsAPI.includes(url)) {
    console.info('Already called!!');
    Promise.reject(new Error('Already called'));
  } else {
    urlsAPI.push(url);
    return await axios[method](url, data) // You need to return the axios
      .then((res) => {
        console.info('OK');
        console.info(res);
        return Promise.resolve(res); // This line return inside the promise axios not the function
      })
      .catch((e) => {
        console.info('KO');
        console.info(e);
        return Promise.reject(e);
      });
  }
};

Во-вторых, вы ждете и ничего не делаете. Теперь с этим изменением вы можете ожидать свою функцию, как это, и регистрировать ответ.

const response = await uniqueAxios(
  'post',
  `${process.env.VUE_APP_API_URL}/XXX`,
  )
console.info(response)

[EDIT: это работает, но ответ, который я выбрал, намного лучше]

На самом деле я нашел решение:

let urlsAPI = [];
const uniqueAxios = async (method, url, data) => {
  if (urlsAPI.includes(url)) {
    throw new Error('Axios already called');
  }
  urlsAPI.push(url);
  const t = {
    type: 0,
    content: null,
  };
  await axios[method](url, data)
    .then((res) => {
      t.content = res;
      t.type = 1;
    })
    .catch((e) => {
      t.content = e;
    })
    .finally(() => {
      urlsAPI = urlsAPI.filter((u) => u !== url);
    });
  if (t.type) {
    return t.content;
  }
  throw t.content;
};

Ваш исходный код

const urlsAPI = [];

const uniqueAxios = async (method, url, data) => {
  if (urlsAPI.includes(url)) {
    console.info('Already called!!');
    Promise.reject(new Error('Already called'));
  } else {
    urlsAPI.push(url);
    await axios[method](url, data)
      .then((res) => {
        console.info('OK');
        console.info(res);
        return Promise.resolve(res);
      })
      .catch((e) => {
        console.info('KO');
        console.info(e);
        return Promise.reject(e);
      });
  }
};

Все функции async возвращают обещание, даже что-то вроде:

async function three() {
  return 3;
}

или это

async function belch() {
  throw new Error("Belch!");
}

который будет разрешаться или отклоняться в зависимости от того, была ли выдана ошибка.

Поскольку вы явно не возвращаете значение, возвращаемое значение представляет собой обещание, которое разрешается как undefined (если не выдается ошибка, в этом случае оно отклоняется).

Ваш код был бы чище (и работал!), если бы вы просто сказали что-то вроде этого:

const inFlightUrls = new Set();

const uniqueAxios = async (method, url, data) => {

  const inflight = inFlightUrls.has(url);
  if (inFlight) {
    throw new Error('Already called');
  }

  inFlightUrls.add(url);

  const res = axios[method](url, data)
              .finally( () => inflightUrls.delete(url) ) ;

  return res ;
};

Приведенная выше функция возвращает обещание, которое либо разрешается с помощью объекта ответа Axios, либо отклоняется с ошибкой (либо от Axios, либо от вас).