Jhipster 4 각도 4 ng2 파일 업로드 반환 오류 403 액세스가 CSRF로 인해 금지되었습니다

Question

ng2 파일 업로드는 업로드 요청과 함께 CSRF 액세스 토큰을 보내지 않으므로 403 액세스가 금지되고 업로드 요청이 거부됩니다. 한 번에.

Answer 1

토큰이 자주 변경되는 경우 요청별로 설정할 수도 있습니다. 아래 예제에서 CSRF 토큰은 쿠키에서 가져옵니다. 이것은 구성 요소 생성자에서 수행 할 수 있습니다.

this.uploader = new FileUploader({ url: URL }); 
this.uploader.onBeforeUploadItem = (fileItem) => { 
    fileItem.headers.push({name: 'X-XSRF-TOKEN', value: cookieService.getCookie('XSRF-TOKEN')}); 
    return fileItem; 
}; 

Answer 2

jhipster angular 4, 모든 일반 http 요청에는 헤더에 X-XSRF-TOKEN이 있지만 써드 파티 라이브러리 ng2-file-upload는 내부적으로 HTTP 서비스를 사용하지 않습니다.

this.uploader = new FileUploader({url: URL, headers: [{name: 'X-XSRF-TOKEN', value: csrfService.getCSRF()}]});

가있는 csrfService이 프로젝트의 SharedServices에 위치한 SCSRFService의 인스턴스이며, 할 수 있습니다 : 당신이 당신의 구성 요소의 생성자에서 FileUploader 개체를 만들 때 그래서 당신은 다음과 같이 인스턴스화한다 귀하의 구성 요소에 주입.