Form data - start boundary issue

I’m trying to send the form data to the api, so appended the file to formData formData.append('file', file.data, {filename: file.name}); and setting formData to axiosOptions.data for axios(axiosOption)

On not sending Content-type in headers, it is set to the default value application/x-www-form-urlencoded. If I send Content-type = multipart/form-data with/without boundary appended, I get this error on the api which says that the start boundary wasn’t defined for the mime message.

As per all the docs and discussions of axios, content-type should have been set itself. But even when I set it explicitly, the above error occurs.

Any idea what I am missing?

@nickuraltsev @mzabriskie

[antoinerey]

@nickuraltsev

I get the exact same issue as @ronaldcurtis. I tried to make it work, but couldn’t. I always get the same results :

1. The request Content-Type header is always application/json
2. The FormData instance seems to be transformed into a standard JS object

I tried multiple browsers :

1. Firefox 48.0.1
2. Firefox 49.0.2
3. Firefox 50.0.2
4. Chrome 54.0

And multiple Axios versions :

1. 0.13.1
2. 0.14.0
3. 0.15.0
4. 0.15.1
5. 0.15.2
6. 0.15.3

---

@ronaldcurtis Did you find any workaround ? @nickuraltsev Do you have any idea where it could come from ? I could look into it and try to solve this.

[mwcbrent]

Nevermind - we found the issue was that we were passing in a header to our axios options and it was overriding the functionality built into Axios. This feature works and this issue should be closed.