Angular reportProgress在生产中不起作用
当我上传视频文件时,它在本地正常工作(开发模式)。但当我将其上传到服务器(prod)时,它无法工作。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
服务内容如下:
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(映射(响应=>{
返回响应;
}));
}
评论不用于扩展讨论;此对话已结束。评论不用于扩展讨论;这段对话已经结束。