无法捕获 axios React.js 中的错误

Question

我正在reactjs项目中使用axios进行API调用，但不知何故我无法捕获错误。我收到404但无法捕获它。有人可以告诉我出了什么问题吗？abc.jsexport default axios.create({  baseURL: `my_base_url`,  headers: {    "Content-Type": "application/json",  },});xyz.jsexport const createProcessApiCall = (param) => {  return API.post("/v1/process1", param);};zzz.js  const postData = async (param) => {    await createProcessApiCall(param)      .then((response) => {          setApiData(response.data.data);          setIsSuccess(response.data.isSuccess);          })      .catch((e) => {        setIsError(true);      });  };

Answer 1

您正在将异步代码与同步代码相结合，请尝试使用 asyncchron ：

   const postData = async (param) => {

    try {

       const result = await createProcessApiCall(param)

    }

    catch(err) {

         setIsError(true);

 

    }   

    };

或者同步：

const postData = (param) => {

    createProcessApiCall(param)

      .then((response) => {

          setApiData(response.data.data);

          setIsSuccess(response.data.isSuccess);    

      })

      .catch((e) => {

        setIsError(true);

      });

  };

Answer 2

axios.interceptors.response.use(res=>{return res}, (error) => {

 if (error.response.status !== 401) {

   throw error;

}

if (typeof error.response.data.error.name !== "undefined") {

   //do something on the error

}

});

最好使用 axios 拦截器来捕获错误

Answer 3

任何与 200-299 之间包含的序列不同的状态代码，您都需要捕获：

  const postData = async (param) => {

    await createProcessApiCall(param)

      .then((response) => {

          setApiData(response.data.data);

          setIsSuccess(response.data.isSuccess);    

      })

      .catch((e) => {

        // @TODO parse err

        console.log(e.response);

        setIsError(true);

      });

  };