리액트 파일 다운로드 구현시 Failed to fetch 오류

Question

https://www.africau.edu/images/default/sample.pdf 주소를 전달하여파일 다운로드를 진행하려고 합니다.함수 실행시 Failed to fetch 오류가 발생하는데 이유를 알 수 있을까요? const fileDownload &#61; async (downloadUrl : string) &#61;> { fetch(downloadUrl) .then((response) &#61;> response.blob()) .then((blob) &#61;> { const url &#61; window.URL.createObjectURL(blob); const link &#61; document.createElement('a'); link.setAttribute('href', url); link.setAttribute('download', 'report.pdf'); document.body.appendChild(link); link.click(); link.parentNode!.removeChild(link); window.URL.revokeObjectURL(url) }); };

nextFastKaggle · Answer

downloadUrl 부터틀렀다네요 blob 을 다운만하고 버릴껀가요?https://velog.io/@chaeri93/React-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C-%EB%B0%8F-%EB%8B%A4%EC%9A%B4%EB%A1%9C%EB%93%9C-%EB%B2%84%ED%8A%BC%EC%9C%BC%EB%A1%9C-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0ㄴ 이방법이라 비슷한것같은데 참고하시면 좋을것같아요

리액트 파일 다운로드 구현시 Failed to fetch 오류

1개의 답변

Q&A 목록