title: axios/laravel/formdata post request is empty
body: <p>I want to upload some files, but when i post with axios, my formdata is an empty request in laravel</p>
  
  <p>vuejs: uploader.vue</p>
  
  <pre><code>filesChange(e) {
      const fileList = e.target.files;
      const formData = new FormData();
      if (!fileList.length) return;
      for (let i = 0; i &lt; fileList.length; i += 1) {
        console.log(fileList[i]);
        formData.append('files', fileList[i], fileList[i].name);
      }
      this.save(formData);
    },
  </code></pre>
  
  <p>output from console, all files are looped and appended to formData
  <a href="https://i.stack.imgur.com/DnCTK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DnCTK.png" alt="output from console, all files are looped and appended to formData"></a></p>
  
  <pre><code>save(formData) {
      photosApi.storePhotos(formData, this.galleryId).then((response) =&gt;     {
          console.log(response);
      }).catch((error) =&gt; {
          console.log(error);
      });
  },
  </code></pre>
  
  <p>vuejs: photosApi.js</p>
  
  <pre><code>storePhotos(formData, id) {
      return axios.post(`api/photo/${id}`, formData);
  },
  </code></pre>
  
  <p>when i inspect my api-call i see this
  <a href="https://i.stack.imgur.com/ZZbgs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZZbgs.png" alt="when i inspect my api-call i see this"></a></p>
  
  <p>laravel: api.php</p>
  
  <pre><code>Route::post('/photo/{id}',  'PhotoController@store');
  </code></pre>
  
  <p>laravel: PhotoController.php</p>
  
  <pre><code>public function store(Request $request, $id)
  {
      return $request-&gt;all(); 
  }
  </code></pre>
  
  <p>the return of my response is only empty...
  <a href="https://i.stack.imgur.com/BkZS0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BkZS0.png" alt="the return of my response is only empty..."></a></p>
  
  <p>what im'doing wrong?</p>