Please save the returned id and eject with that as the parameter.

[homocodian]

          Please save the returned id and `eject` with that as the parameter.

const myInterceptor = axios.interceptors.request.use(function () {/*...*/});
axios.interceptors.request.eject(myInterceptor);

Originally posted by @chinesedfan in #2615 (comment)

[homocodian]

import { Capacitor } from "@capacitor/core";
import axios from "axios";

const axiosInstance = axios.create({
  baseURL: Capacitor.isNativePlatform()
    ? import.meta.env.VITE_BASE_URL_FOR_CAPACITOR
    : import.meta.env.VITE_BASE_URL,
  timeout: 25000,
});

function getInterceptor(token: string) {
  return axiosInstance.interceptors.request.use(
    (config) => {
      config.headers.Authorization = `Bearer ${token}`;
      return config;
    },

    (error) => {
      return Promise.reject(error);
    },
  );
}

function destroyInterceptor(interceptor: number) {
  axiosInstance.interceptors.request.eject(interceptor);
}

export { axiosInstance, destroyInterceptor, getInterceptor };

and this is how I use

async function fetchSomething(
  uid: string | null | undefined,
  token: string | null,
) {
  if (!uid || !token) {
    return Promise.reject("Invalid token");
  }
  const searchParams = new URLSearchParams();
  searchParams.set("user", uid);

  const interceptor = getInterceptor(token);
  const res = await axiosInstance.get(`/notes?${searchParams.toString()}`);
  console.log(axiosInstance.interceptors);
  destroyInterceptor(interceptor);
  console.log(axiosInstance.interceptors);
  return res.data;
}

does not remove interceptor just keeps on adding in every request