axios 错误反应拦截器请求不是函数

Question

我有一个带有 axios 的配置我正在测试一个从 api 接收学生列表的功能，问题是它向我发送了一个错误：

TypeError: constants_api_constants__WEBPACK_IMPORTED_MODULE_1 _.default.interceptors.request 不是函数

对于我的 axios 配置，我使用：

const options.GET_ALL_STUDENTS = {
  method: "GET",
  url: "/Student",
}
const BASE_API_URL = "https://localhost:7072/api";
const api = axios.create({
  baseURL: `${BASE_API_URL}`,
});

const getStudents = () => {
  return api.interceptors.request(options.GET_ALL_STUDENTS).use(
    function request(success) {
      return success;
    },

    function error(err) {
      return err;
    },
  );
};

我如何解决我的承诺，（没有拦截器可以正常工作）：

function* fetchStudents() {
  try {
    const result1 = yield call(getStudents);
    const studentList = createStudentListAdapter(result1.data);
    yield put(fetchStudentsSuccess(studentList));
  } catch (error) {
    yield put(fetchStudentsFailure());
  }
}

Answer 1

拦截器用于在任何request/response进入try/catch之前拦截它。

const getStudents = async () => {
  try {
    const res = await api(options.GET_ALL_STUDENTS);
    // logic
  } catch (e) {
    // handle error
  }
};

拦截器

api.interceptors.request.use(
  (request) => {
    console.debug("Request", request.url);
    return request;
  },
  (error) => {
    console.debug("Request Failed", error.request.data.message);
    return Promise.reject(error);
  },
);