0

Есть АПИ на Laravel, я использую библиотеку Laravel-Excel что бы сгенерировать xls файл, как его правильно отдать клиенту и как сделать на реакте скачивание файла?

На php делаю так:

  $this->makeExcel($logs, ContentLog::getActions(), 'logs.log_by_user_table', 'Logs:_' . $user->name);

Метод makeExcel:

private function makeExcel(Collection $data, array $actions, string $view, string $name)
{
    $excel = App::make('excel');
    $excel->create($name, function ($excel) use ($data, $actions, $view) {
        $excel->sheet('log', function ($sheet) use ($data, $actions, $view) {
            $sheet->loadView($view, ['log' => $data, 'actions' => $actions]);
        });
        $excel->store('xls')
            ->export('xls');
    });
}

Я использую axios для отправки запроса, например так:

static getFile(url, params) {
    return axios({
        method: 'GET',
        url: backendDomen + url,
        responseType: 'blob',
        params: params,
        headers: {
            Authorization: 'Bearer ' + localStorage.getItem('token'),
            Accept: 'application/vnd.ms-excel',
        }
    }).then(function (value) {
        console.log(value)
        FileDownload(value.data, 'report.xls')
        return value
    }).catch(function (reason) {
        console.log(reason)
        if (reason.response && reason.response.status === 401) {
            window.location.replace('/auth/login')
        } else {
            console.error(reason)
        }
    })
}

В консоль выводится ошибка

Error: Network Error at createError (createError.js:16) at XMLHttpRequest.handleError (xhr.js:87)

Хотя в браузере я вижу что приходит

1 ответ 1

1

Добавляем заголовок в конце

->export('xls', ['Access-Control-Allow-Origin' => '*']);

а на фронте меняем тип

  responseType: 'arraybuffer',

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.