Axios randomly sends duplicate POST request

Describe the bug axios.post randomly sends duplicate POST request and ignores the first response.

The code is below:

class SomeClass extends React.PureComponent
  isReady = true
  submitCounter = 0
  lastSent = null

  // ...

  submit() {
    this.submitCounter++;

    if (!this.isReady) {
      return;
    }

    this.isReady = false;
    
    this.setState({
      isReady: false
    });

    const formData = new FormData();

    formData.append("ts", Date.now());
    formData.append("um", Math.random().toString(36).substr(2));
    formData.append("ctop", this.submitCounter);
    formData.append("lastSent", this.lastSent);

    axios
      .post(`https://someurl.here`, formData)
      .then(({data}) => {
        this.lastSent = dayjs().format("YYYY-MM-DD HH:mm:ss");
        this.isReady = true;
        this.submitCounter = 0
        
        if (data.status === false) {
          return;
        }

        this.setState({
          isReady: true
        });
      })
      .catch(err => {
        console.log(error);
      });
  }

  // ...
}

The submit function above is only called once, while the axios.post() is called twice. I know it when I check the ts, um, ctop, and lastSent parameter are same with the previous record. Also, CPanel visitor record show that the request sent twice in short timespan.

Is it because the connection issues, or there are some configurations I missed? I already read the documentation, search Google and Stack Overflow, but still no clues about it.

To Reproduce I don’t know how to reproduce it since it’s randomly occurred.

Expected behavior The request is only sent once.

Environment:

• Axios Version: 0.18.0
• OS: Windows 7
• Browser: Chrome
• Browser Version: 75.0.3770.90
• Additional Library Versions: React 16.6.3
• Server: Laravel 5.7
• Database: MySQL 5.7

[chinesedfan]

Closed due to lack of enough information.

Friendly to remind similar users, let’s open a new issue to describe your problem as detailed as you can, unless your problem is exactly the same with the thread author. It may looks like the same but totally different. And from readers’ side, we can’t learn something new from a simple reply that without replicable code example.

[scleriot]

We’re seeing the same random problem, POST requests being sent twice sometimes

Environment:

• Axios Version: 0.18.1
• Additional Library Versions: Vue.js 2.5.2