Как избежать автоматической перезагрузки после вложенного вызова AXIOS?

Question

Ну, у меня та же проблема. Когда я создаю петицию с axios, она работает правильно, но когда я вложил axios петиции, страница обновляется автоматически. И я не могу понять, в чем проблема.

Я использую evt.preventDefault() и return false;, но ни один из них не работает.

Когда я вызываю эту единственную функцию, все работает нормально:

    addSport(payload) {
      const path = 'http://localhost:5000/sports';
      axios.post(path, payload)
        .then(() => {
          this.getSports();
          this.message = 'Sport Added!';
          this.showMessage = true;
          return false;
        })
        .catch((error) => {
          // eslint-disable-next-line
          console.error(error);
        });
      return false;
    }

и я называю это:

      this.uploadImage(formData, this.addSports, payload);

Но, когда я пытаюсь использовать это, страница перезагружается после выполнения двух вызовов:

    uploadImage(formData, callback, payload) {
      const path = 'http://localhost:5000/upload';
      axios.post(path, formData)
        .then((response) => {
          callback({
            sport_id: payload.sport_id,
            name: payload.name,
            logo_url: response.data.logo_url,
          });
          return false;
        })
        .catch((error) => {
          // eslint-disable-next-line
          console.error(error);
        });
      return false;
    },
    addSport(payload) {
      const path = 'http://localhost:5000/sports';
      axios.post(path, payload)
        .then(() => {
          this.getSports();
          this.message = 'Sport Added!';
          this.showMessage = true;
          return false;
        })
        .catch((error) => {
          // eslint-disable-next-line
          console.error(error);
        });
      return false;
    }

То, как я это называю, таково:

    this.uploadImage(formData, this.updateDeporte, payload);

Может кто-нибудь помочь мне понять, как я могу это исправить?