修复了几个网络请求管理器的重大bug

src/components/AvatarUnit/AvatarUnit.js

@@ -70,7 +70,9 @@ export default function AvatarUnit({ avatar, nickname, onChangeAvatar, showTip }
       const formData = new FormData();
       formData.append("image", file);
       multiFormPost(apis.uploadAvatar, formData).then(data => {
-        if (data.networkStatus === 200 && data.status) {
+        setUploading(false);
+        if (data.networkStatus !== 200) return;
+        if (data.status) {
           setUploaded(true);
           setTimeout(() => {
             handleClose();
@@ -80,7 +82,6 @@ export default function AvatarUnit({ avatar, nickname, onChangeAvatar, showTip }
         else {
           alert('头像上传失败：' + data.data);
         }
-        setUploading(false);
       });
     }
   }, [file, onChangeAvatar]);
@@ -88,14 +89,15 @@ export default function AvatarUnit({ avatar, nickname, onChangeAvatar, showTip }
   const handleChangeNickname = useCallback(() => {
     setNicknameUploading(true);
     post(apis.updateNickname, { nickname: nicknameNow }).then(data => {
-      if (data.networkStatus === 200 && data.status) {
+      setNicknameUploading(false);
+      if (data.networkStatus !== 200) return;
+      if (data.status) {
         alert('昵称已修改为：' + nicknameNow);
         setNicknameNow(nicknameNow);
       }
       else {
         alert('修改失败：' + data.data.map(item => item.msg).join('，'));
       }
-      setNicknameUploading(false);
     });
   }, [nicknameNow]);
 

src/helper/axios.js

@@ -88,25 +88,34 @@ async function send(xhr, retryConf) {
     waitToSend.push(retryConf);
     console.log(err);
     // 等待列表不为空时弹框要么出现了要么就是在消失的路上，没有办法给予用户点击重试的机会，所以交由外部逻辑处理
+
+    const failPostProceess = () => {
+      waitToSend.splice(waitToSend.indexOf(retryConf), 1);
+      return failData;
+    }
     
     // 注意，理论上带有时间戳的请求是不可以重试的，但是这里不做那方面考虑，如果未来有需要，可以自己实现一个刷新时间戳重试的逻辑
     if (err.message === 'Network Error')
-      return await failed('您的设备似乎断网了，或者服务器发生了问题，请检查网络后重试或刷新', flushWaitList) || failData;
+      return (await failed('您的设备似乎断网了，或者服务器发生了问题，请检查网络后重试或刷新', flushWaitList(retryConf))) || failPostProceess();
     if (!err?.response?.status)
-      return await failed('请求发生问题：' + err.message, flushWaitList) || failData;
+      return (await failed('请求发生问题：' + err.message, flushWaitList(retryConf))) || failPostProceess();
     if (err.response.status === 504)
-      return await failed('请求超时，请耐心等待几秒后重试或刷新', flushWaitList) || failData;
-    return await failed('服务器出现问题，请稍后重试或刷新，错误代码' + err.response.status, flushWaitList) || failData;
+      return (await failed('请求超时，请耐心等待几秒后重试或刷新', flushWaitList(retryConf))) || failPostProceess();
+    return (await failed('服务器出现问题，请稍后重试或刷新，错误代码' + err.response.status, flushWaitList(retryConf))) || failPostProceess();
   }
 }
 
-function flushWaitList() {
-  let fns = waitToSend.map(
-    conf =>
-      async () => conf.resolver(await conf.fetcher())
-  );
-  waitToSend.splice(0, waitToSend.length);
-  fns.forEach(fn => fn());
+function flushWaitList(confToRun) {
+  return async () => {
+    waitToSend.splice(waitToSend.indexOf(confToRun), 1);
+    let fns = waitToSend.map(
+      conf =>
+        async () => conf.resolver ? conf.resolver(await conf.fetcher()) : await conf.fetcher()
+    );
+    waitToSend.splice(0, waitToSend.length);
+    fns.forEach(fn => fn());
+    return confToRun.resolver ? confToRun.resolver(await confToRun.fetcher()) : await confToRun.fetcher()
+  };
 }
 
 function feedWaitList(data) {

src/upload/upload.js

@@ -44,12 +44,12 @@ export class UploadContainer extends Component {
     if (this.state.submitting && (!this.state.file || this.state.url !== "")) {
       post(apis.submitMessage, { content: this.state.msg, image: this.state.url })
         .then(({ data, status, networkStatus }) => {
+          this.setState({ submitting: false });
           if (networkStatus !== 200) return;
           if (!status) {
-            this.setState({ submitting: false });
             return alert('提交内容失败：' + data);
           }
-          this.setState({ submitting: false, msg: "", url: "", file: null });
+          this.setState({ msg: "", url: "", file: null });
           alert('内容提交成功啦');
         });
     }