머리말
Vue3 버전 튜토리얼이 필요하다면 이 글을 방문하세요.
이 문서에서는 Vue2 프로젝트 개발에서 Blob 바이너리 파일 스트림 개체를 다운로드할 때 정상적인 파일 스트림과 잘못된 json 데이터 정보를 구별할 수 없는 문제를 해결합니다.
기본적으로 Blob 객체는 성공, 실패에 상관없이 항상 반환되는데, 이 방법을 사용하면 인터페이스가 [바이너리 파일 스트림]을 반환하는지, [실패 객체 오류 메시지]를 반환하는지 쉽게 확인할 수 있습니다.
아래 그림과 같이(동일한 인터페이스 호출) 정상적인 파일 스트림인 경우에는 다운로드를 수행하고, 그렇지 않은 경우 인터페이스에서 반환한 오류 메시지를 사용자에게 표시합니다.
요청 responseType을 blob으로 설정한 경우 인터페이스에서 파일 스트림을 반환하면 정상적으로 다운로드되고, 그렇지 않으면 JSON 데이터를 가져올 때 오류 메시지가 표시됩니다.
示例代码干净整洁,保证 100% 快速解决
샘플 코드
인터페이스를 자신의 것으로 교체하고 한 번의 클릭으로 핵심 코드를 복사하기만 하면 됩니다.
다음 코드와 같이 판단 방법과 바이너리 파일 스트림을 다운로드하는 방법을 제공합니다.