Я использую response и axios, чтобы выполнить POST для службы php, которая вернет файл .xlsx. Файл .xlsx создается на сервере правильно, но во время обратной передачи он повреждается, через инспектор Chrome данные, кажется, преобразуются в строку, и в результате меняются многие символы. Есть ли способ сделать это? Вещи, которые я пробовал:
Заголовки по запросу
'Accept': 'application/octet-stream',
'responseType': 'blob',
С объектом ответа
fileDownload(new Blob([response.data]), 'report.xlsx');
В качестве альтернативы объекту ответа
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.xlsx');
link.click();
Независимо от того, что я пытаюсь, кажется, что он поврежден. На стороне сервера у меня есть следующий PHP-код:
$response = new Stream();
$response->setStream(fopen($tempFilePath, 'r'));
$response->setStatusCode(200);
$response->setStreamName($tempFilePath);
$responseHeaders = new Headers();
$responseHeaders->addHeaders(array(
'Content-Disposition' => 'attachment; filename='report.xlsx',
'Content-Type' => 'application/octet-stream',
'Content-Length' => filesize($tempFilePath),
'Expires' => '@0',
'Cache-Control' => 'must-revalidate',
'Pragma' => 'public'
));
$response->setHeaders($responseHeaders);
return $response;






Попробуйте удалить responseType из заголовков и добавить его прямо в свой объект параметров, который вы передаете в axios:
axios({
method:'GET',
url: '[your_url_to_get_file]',
responseType: 'blob',
headers: { your headers }
})
Вдобавок к этому, я бы попытался использовать application/vnd.openxmlformats-officedocument.spreadsheetml.sheet в качестве типа контента вместо octect-stream. Я никогда не пробовал octect-stream, но тот, о котором я упоминал, всегда работал у меня с файлами .xlsx.
Для справки о типах MIME см. здесь.
const axios = require('axios');
const fs = require('fs');
const getXLS = () => {
return axios.request({
responseType: 'arraybuffer',
url: 'https://drive.google.com/ft7P9FAQ/view?usp=sharing',
method: 'get',
headers: {
'Content-Type': 'blob',
},
}).then((result) => {
const outputFilename = 'xyzzzz.xls';
fs.writeFileSync(outputFilename, result.data);
return outputFilename;
});
}
getXLS();
У @brocoli_rob было решение ниже, это был не заголовок Accept, а не использование помощника axios.post, а вместо этого указание всего в обычном вызове axios, чтобы вы могли отделить конфигурацию заголовка от элемента конфигурации responseType.