处理vuex错误的最佳实践是什么？

Question

我是新来的。我使用拦截器来处理操作响应，所有这些都很容易获得成功的响应。但是我想知道处理错误响应的最佳实践是什么。如果操作中没有catch块，那么我想在默认情况下显示带有来自响应的错误消息的toastr，但是如果有catch，则只执行catch函数而不显示toastr。另外，是否可以处理未经授权的响应，直接在拦截器中对登录页面进行重定向，并对此提供什么建议？我现在的拦截器是这样的：

axios.interceptors.response.use(
      (response) => {
        return response.data.data;
      },
      (error: AxiosError) => {
        const data = error.response?.data;
        const code = data?.code;
        if (code === ErrorCodes.NEED_EMAIL_CONFIRMATION) {
          router.push("email-verification").then();
        } else if (code === ErrorCodes.UNAUTHORIZED) {
          router.push("sign-in").then();
        } else {
          if (undefined !== data.error) {
            toaster.error(data.error);
          } else {
            toaster.error(i18n.t("unexpected"));
          }
        }
        return error;
      }
    );

但是我不喜欢这里太多的责任，我不知道如何避免当这个动作有一个捕捉功能时，如何避免烤面包表演。

Answer 1

您可以通过发送额外的配置来控制从发送请求的位置发出的错误转帐通知。

使用axios：

  axios.post('/api-name', data, {
    config: {
      showToast: true,
    },
  })

然后在axios上拦截：

axios.interceptors.response.use( 
response => {...},
error => {
   const showTost= error.config.errorToast
   if(showToast){
     // show toast you can pass custom message too...<3
   }
}