title: request in node works but in js (vue) doesnt
body: <p>Hi I have a backend which receive a request with a picture and storage, I try it with postman and with the code below and works perfectly</p>
  <pre><code>var axios = require('axios')
  var FormData = require('form-data')
  var fs = require('fs')
  var data = new FormData()
  data.append('file', fs.createReadStream('index.png'))
  console.log('HEADERS')
  console.log(data.getHeaders())
  let config = {
    method: 'post',
    url: 'http://localhost:5013/v1/business/honda/widget/test/',
    headers: {
      ...data.getHeaders(),
    },
    data: data,
  }
  </code></pre>
  <p>The problem is in my vue app I try to do it with the next code, I have 2 buttons with one load the image and the other to send it.
  In the back end I have the follow error when try to pick 'file'</p>
  <p><em>http: no such file</em></p>
  <pre><code> let imageData
  //send the image to backend
      function funtest() {
        console.log('image')
  
        const formData = new FormData()
        const url = 'http://localhost:5013/v1/business/honda/widget/test/'
  
        formData.append('file', imageData)
        let config = {
          method: 'post',
          url: url,
          headers: {
            'Content-type': 'multipart/form-data',
          },
          data: formData,
        }
        axios(config)
          .then((response) =&gt; {
            console.log('RESPONSE')
            console.log(response)
          })
          .catch((error) =&gt; {
            console.log('ERROR')
            console.log(error)
          })
      }
  
  //function to read the image 
      function onImage(data) {
        const reader = new FileReader()
        reader.onload = (e) =&gt; {
          imageData = e.target.result
          console.log('imagen')
        }
        reader.readAsDataURL(data.target.files[0])
      }
  </code></pre>