Javascript Axios配置未在我的代表上显示OnUploadForgress

Javascript Axios配置未在我的代表上显示OnUploadForgress,javascript,vue.js,axios,Javascript,Vue.js,Axios,我一直试图从前端上传文件中获得进度,但在捕获过程中,我没有在配置中获得onUploadProgress,并且它不起作用。我是axios新手 axios({ method: 'post', url:'https://brandsaviorservices.azurewebsites.net/api/document/upload/'+this.username+'/1', headers: { 'Conten

我一直试图从前端上传文件中获得进度,但在捕获过程中,我没有在配置中获得onUploadProgress,并且它不起作用。我是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);
        });
这是我的控制台日志

这是我的控制台,文件正在正确上载,但没有使用OnUploadPorgress获得文件上载进度

感谢@cdoshi

我已经找到了解决办法,而且正在发挥作用


通过在配置之外执行OnUploadProgress函数,它目前运行时没有任何错误

,您将得到一个代码为400的错误(服务器无法理解该请求)。可能是因为之前有额外的空间。然后。首先确保您能够成功上传照片,然后才能实施上传进度。Check@cdoshi我已经添加了成功响应映像,您可以检查,但在配置中没有OnUploadPorgress是的您在哪里定义了配置变量?谢谢,但我的问题解决了,我在配置之外使用了onUploadProgress,它起了作用,谢谢@cdoshiglad的帮助:)