내보내기의 일반적인 구현은 get 인터페이스를 사용하여 태그를 직접 호출할 수 있습니다. 이 방법의 문제점은 쿼리 매개변수에는 특정 길이 제한이 있으며, 많은 매개변수의 경우 비즈니스 시나리오를 충족하지 못한다는 것입니다. 따라서 포스트 인터페이스 내보내기 방법은 다음과 같습니다. 전제 조건: 블롭 스트림 파일의 백엔드 반환 값입니다. 포스트 인터페이스에서 config 매개변수의 구성 속성은 다음과 같이 추가됩니다.
{ responseType: 'blob' }
반환값을 가져오기 위한 호출 인터페이스에서 다음 함수 메서드를 호출하여 내보내기를 수행합니다.
_export (data) {
const blob = new Blob([data], {
type: 'application/vnd.ms-excel'
})
const url = window.URL.createObjectURL(blob)
const link = document.createElement('a')
link.style.display = 'none'
link.href = url
link.setAttribute('download', `${new Date().getTime()} .xlsx`) // 파일 이름 및 접미사 사용자 지정
document.body.appendChild(link)
link.click()
}
인터페이스 xxx 호출.then(res=>_export(res))
그러면 파일 내보내기가 완료됩니다.
