How to upload FormData using Axios?

问题

I am trying to upload 3 photos from frontend using formData. It will call an external API to make the upload. But encountered some errors as below.

Frontend upload

 const formData = new FormData()
  formData.append('photoA', this.photoA)
  formData.append('photoB', this.photoB)
  formData.append('photoC', this.photoC)
   axios.post(`http://localhost:4172/uploadDocs`, 
      { 
          data: formData,
          accessToken: store.state.token
      },
      { headers: {
          // 'Content-Type': 'Application/json',
          // 'x-access-token': localStorage.getItem('token')
        }
      }
    ).then (function (response) {
      return response.data
    })

Nodejs upload API

async uploadDocs (req, res) {
    const options = {
        method: "POST",
        url: "https://example.com/api/v1/users/uploadDocuments?access_token=" + req.body.accessToken,
        headers: {
            //"Authorization": "Basic " + auth,
            //"Content-Type": "multipart/form-data"
        },
        data: req.body.data
    };
    try {
        request(options, function (err,response,body){
            if (err) {
                res.send(err)
            } else {
                res.send(response.body)
            }
        })
    } catch (error) {
        res.status(400).send({
            error: "Server error."
        })
    }
}

So there are 2 errors here:

a) Frontend error: It keeps giving Cannot POST / error in html

b) Backend error:

<h1>Cannot read property &#39;photoA&#39; of undefined</h1>
<h2></h2>
<pre></pre>

Been struggling with this for days. Any help will be very much appreciated.

来源：https://stackoverflow.com/questions/51814401/how-to-upload-formdata-using-axios