Angular reportProgress在生产中不起作用

Angular reportProgress在生产中不起作用,angular,typescript,file-upload,progress-bar,production,Angular,Typescript,File Upload,Progress Bar,Production,当我上传视频文件时,它在本地正常工作(开发模式)。但当我将其上传到服务器(prod)时,它无法工作。 服务内容如下: uploadVideo(id: String, file, imageId) { let formData = new FormData(); formData.append('video', file); formData.append('imageId', imageId); return this.http.p

当我上传视频文件时,它在本地正常工作(开发模式)。但当我将其上传到服务器(prod)时,它无法工作。
服务内容如下:

uploadVideo(id: String, file, imageId) {
        let formData = new FormData();
        formData.append('video', file);
        formData.append('imageId', imageId);
        return this.http.post<any>(`.../${id}/video`, formData, {reportProgress: true, observe: 'events'})
                .pipe(map(response => {
                        return response;
                }));
    }
若我在map()上记录事件,在本地开发人员上它将返回所有进度:比如({status:'progress',message:0},…等等),在生产环境中它将不返回任何内容

我不明白代码出了什么问题。。请帮助我

您可能在生产构建中使用了服务人员

绕过服务人员 在某些情况下,您可能希望完全绕过服务工作者,让浏览器处理请求。例如,当您依赖于service workers中当前不支持的功能时(例如)

要绕过服务工作者,可以将ngsw旁路设置为请求头或查询参数。(标题或查询参数的值被忽略,可以为空或省略。)

因此,在你的情况下:

uploadVideo(id: String, file, imageId) {
        let formData = new FormData();
        const headers = new HttpHeaders({ 'ngsw-bypass': ''});

        formData.append('video', file);
        formData.append('imageId', imageId);
        return this.http.post<any>(`.../${id}/video`, formData, {reportProgress: true, observe: 'events', headers: headers})
                .pipe(map(response => {
                        return response;
                }));
}
uploadVideo(id:String、file、imageId){
设formData=new formData();
const headers=新的HttpHeaders({'ngsw-bypass':''});
formData.append('视频',文件);
formData.append('imageId',imageId);
返回此.http.post(`…/${id}/video`,formData,{reportProgress:true,observe:'events',headers:headers})
.pipe(映射(响应=>{
返回响应;
}));
}

您可能在生产构建中使用了服务人员

绕过服务人员 在某些情况下,您可能希望完全绕过服务工作者,让浏览器处理请求。例如,当您依赖于service workers中当前不支持的功能时(例如)

要绕过服务工作者,可以将ngsw旁路设置为请求头或查询参数。(标题或查询参数的值被忽略,可以为空或省略。)

因此,在你的情况下:

uploadVideo(id: String, file, imageId) {
        let formData = new FormData();
        const headers = new HttpHeaders({ 'ngsw-bypass': ''});

        formData.append('video', file);
        formData.append('imageId', imageId);
        return this.http.post<any>(`.../${id}/video`, formData, {reportProgress: true, observe: 'events', headers: headers})
                .pipe(map(response => {
                        return response;
                }));
}
uploadVideo(id:String、file、imageId){
设formData=new formData();
const headers=新的HttpHeaders({'ngsw-bypass':''});
formData.append('视频',文件);
formData.append('imageId',imageId);
返回此.http.post(`…/${id}/video`,formData,{reportProgress:true,observe:'events',headers:headers})
.pipe(映射(响应=>{
返回响应;
}));
}

评论不用于扩展讨论;此对话已结束。评论不用于扩展讨论;这段对话已经结束。