title: Form data is empty after sending it with Axios
body: <p>I'm sending an <code>FormData</code> from a <code>VueJS</code> application using <code>Axios</code>. The problem is that when I output the <code>FormData</code> it's empty. I've used the same method before when sending a file (I'm not sending a file now) and then the <code>FormData</code> shows the right data that I've append to it. The data I'm appending is of the type string.</p>
  
  <blockquote>
    <p>Client Side</p>
  </blockquote>
  
  <pre><code>onUpload(): void {
        const fd = new FormData();
        fd.append("id", this.chosenRoute.id);
        fd.append("name", this.routeName);
        fd.append("description", this.routeDescription);
        fd.append("activity", this.activity);
        fd.append("preamble", this.preamble);
        axios.post('http://localhost:8080/editRoute', fd, {
        onUploadProgress: uploadEvent =&gt; {
          console.log('Upload Progress' + Math.round(uploadEvent.loaded / uploadEvent.total) * 100 + " %");
        }
      }).then(
        res =&gt; {
        console.log(res);
      });
    }
  </code></pre>
  
  <blockquote>
    <p>Server Side</p>
  </blockquote>
  
  <pre><code>app.post('/editRoute', function(req,res){
      console.log(req.body);
      const routeId = req.body.id;
      console.log(routeId);
      Route.findById(routeId, (err, route) =&gt; {
          res.set("Access-Control-Allow-Origin", "*");
          route.update(req.body);
      });
  });
  </code></pre>