调用后端 API 时处理 javascript/react 中的错误

大佬教程收集整理的这篇文章主要介绍了调用后端 API 时处理 javascript/react 中的错误，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决调用后端 API 时处理 javascript/react 中的错误？

我正在构建一个 react-native 应用程序，并且我开始实现一个更强大和更复杂的错误处理系统，专门用于在发出 http 请求时处理服务器错误。这是我目前如何在我的应用中发出 http 请求的基本示例。

我有一个“clIEnt.Js”文件，它本质上只是 axios 的包装器。我有一个像这样的“get”方法：

const get = async (endpoint,config = {}) => {
  try {
    const result = await axios.get(domain + endpoint,config);
    return result;
  } catch (error) {
    throw new Error(error.message);
  }
};

然后，我为每个需要访问的 API 端点创建了一个文件。例如，我有一个“posts.Js”文件，在那个文件中我有一个“getposts”方法：

const getposts = async (userID,page,pageSize) => {
  try {
    const response = await clIEnt.get(
      `${endpoint}?userID=${userID}&page=${page}&pageSize=${pageSize}`
    );
    return response.data;
  } catch (error) {
    throw new Error(error.message);
  }
};

最后，在调用 getposts 的组件中，我有一个如下所示的函数：

const loadposts = async () => {
  try {
    const response = await getposts();
    // do something with the response from the server
  } catch (error) {
    // display an error message to the clIEnt
  }
}

显然，这是一个非常简单的请求示例，但这是我在整个应用程序中使用的基本结构。我遇到的问题是，必须将几乎所有的函数都包装在一个 try/catch 块中，然后基本上引发一个错误对象，直到我到达实际要处理错误的函数为止，这似乎非常重复和凌乱.是否有某种用于错误处理的“设计方法”可以简化和集中这个过程？在创建节点服务器时，可能类似于 express-mIDdleware 的东西？或者这是处理JavaScript错误的标准方法？

感谢任何可以提供帮助的人！

解决方法

axios.interceptors.response.use((response) => {
   return response;
},function(error) {
   // do what you want to do with the error.
   return Promise.reject(error)
});

axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
  },function (error) {
    // Not 200 Ok
    // Do something with response error
    return Promise.reject(error);
});

大佬总结

以上是大佬教程为你收集整理的调用后端 API 时处理 javascript/react 中的错误全部内容，希望文章能够帮你解决调用后端 API 时处理 javascript/react 中的错误所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。