Export file or download file

Use here axios Request interface , The same is true for other tools

axios({
    
	url: 'xxxxx'  
	methods: 'get',			// get Request to get the file stream 
	params: {
    },
	responseType: 'blob',   //  Note that the response type must be specified here , Otherwise, the interface returns garbled 
})

Successfully called the interface , Interface to return blob Binary object of type

export file or Download the file

const res = await xxxApi();    // request api get data ,res by Blob object 
const blobUrl = window.URL.createObjectURL(res);
let a = document.createElement('a');
a.style.display = 'none';
a.download = 'XXX File name ';
a.href = blobUrl;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
window.URL.revokeObjectURL(blobUrl);	 //  As long as the mapping exists ,Blob We can't recycle , So once you no longer need to quote , Must be revoked URL, release blob object   perhaps   Use  blobUrl = null

Be careful ： If set responseType by arraybuffer, Then the data returned by the calling interface is ArrayBuffer Primitive binary type

Using the above method directly will report an error

Here we need to ArrayBuffer Type into Blob type

const res = await xxxApi();    // request api get data ,res by ArrayBuffer object 
const blob = new Blob([res], {
     type: "application/vnd.ms-excel" }); //  Be careful ！！！  Here we need to ArrayBuffer Type into Blob type , You need to specify the type file type , Otherwise default to txt type 
const blobUrl = window.URL.createObjectURL(res);
let a = document.createElement('a');
a.style.display = 'none';
a.download = 'XXX File name ';
a.href = blobUrl;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
window.URL.revokeObjectURL(blobUrl);	 //  As long as the mapping exists ,Blob We can't recycle , So once you no longer need to quote , Must be revoked URL, release blob object   perhaps   Use  blobUrl = null

Recommended direct use blob, Because use arrayBuffer You need to turn to Blob type , And you need to specify the file type , Without knowing the file type , His tacit view is that txt, It's easy to make mistakes .

The end result is as follows ：