He estado persiguiendo este error durante varios días y finalmente descubrí que es axios. ¿Por qué funciona fetch para cargar una imagen de React-Native a Django REST aquí?

 export const uploadBusinessImage = createAsyncThunk( "business/uploadBusinessImage", async (imgPath, { rejectWithValue }) => { var formData = new FormData(); formData.append("image", { uri: imgPath, name: "myfoto.jpg", type: "image/jpg", }); const url = "http://10.0.0.241/api/upload/"; fetch(url, { method: "POST", headers: { "Accept": "application/json", "Content-Type": "multipart/form-data", }, body: formData, }) } );

pero axios no funciona aquí:

 export const uploadBusinessImage = createAsyncThunk( "business/uploadBusinessImage", async (imgPath, { rejectWithValue }) => { try { var formData = new FormData(); formData.append("image", { uri: imgPath, name: "myfoto.jpg", type: "image/jpg", }); const response = await axiosInstance({ method: "post", url: "/api/upload/", data: formData, headers: { "Accept": "application/json", "Content-Type": 'multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW' }, }); console.log(response.data); return response.data; } catch (err) { console.log(err.response.data); return rejectWithValue(err.response.data); } } );

Crea el objeto en la base de datos como image: null