I have been attempting to track the progress of file uploads from the front end, but I am encountering an issue where the onUploadProgress is not being received in the configuration catch. This problem arises as I am relatively new to using Axios.
axios({
method: 'post',
url:'https://brandsaviorservices.azurewebsites.net/api/document/upload/'+this.username+'/1',
headers: {
'Content-Type':'multipart/form-data',
'Authorization': 'Bearer ' + this.token,
},
data,config
}) .then(response => {
console.log(response);
this.status = response.data
})
.catch(error => {
console.log(error);
});
Below is my console log:
https://i.stack.imgur.com/X7T0i.png
While the file uploads correctly, I am unable to retrieve the upload progress using OnUploadPorgress based on the console output: