🥇 lidar com a resposta com tipo de conteúdo: aplicativo / fluxo de octeto [React]

Às vezes, o servidor fornecerá uma interface com application/octet-stream, geralmente está relacionado com o operador de arquivo, então como lidamos com isso usando js?

Na verdade é muito fácil, faça como um download de conteúdo ficará bem.

por exemplo

cache-control: no-cache, no-store, max-age=0, must-revalidate
connection: close
content-disposition: attachment; filename=111.txt
content-type: application/octet-stream
Date: Mon, 28 Jan 2019 08:31:00 GMT
expires: 0
pragma: no-cache
referrer-policy: no-referrer
transfer-encoding: chunked
x-content-type-options: nosniff
x-frame-options: DENY
X-Powered-By: Express
x-xss-protection: 1 ; mode=block

Podemos lidar com essa resposta por meio dos seguintes códigos:

function handleResponse = response => {
    response.blob().then(blob => {
        const link = document.createElement('a');
        const url = URL.createObjectURL(blob);
        console.log(url);
        link.href = url;
        link.download = '111.txt';
        link.click();
    })
}

Então você verá que o navegador chamará a ação de download.

Related Posts