[Bug]: Don't work with api

[seriiserii825]

Is the bug applicable and reproducable to the latest version of the package and hasn't it been reported before?

• Yes, it's still reproducable

What version of Laravel Excel are you using?

3.1

What version of Laravel are you using?

7

What version of PHP are you using?

7.3

Describe your issue

I am using vue js and api, but don't use blade.
This is my routes.

    Route::apiResources([
        'employee' => 'Api\EmployeeController',
        'media' => 'Api\MediaController',
        'suppliers' => 'Api\SupplierController',
        'categories' => 'Api\CategoryController',
        'products' => 'Api\ProductController',
        'expenses' => 'Api\ExpenseController',
        'salaries' => 'Api\SalaryController',
        'customers' => 'Api\CustomerController',
        'orders' => 'Api\OrderController',
        'csv' => 'Api\CsvController',
    ]);

And when i open the page /admin/csv, i have a method getCsv

And this is my Index.vue

<template>
    <admin-layout>
        <div class="sale"></div>
    </admin-layout>
</template>
<script>
import AdminLayout from "../../layouts/AdminLayout.vue";
import AdminBlock from "../../components/Admin/AdminBlock.vue";
import AdminProducts from "../../components/Admin/AdminProducts.vue";
import AdminCustomer from "../../components/Admin/AdminCustomer";

export default {
    methods: {
        handleClick(tab, event) {
            // console.log(tab, event);
        },
        getCsv() {
            axios
                .get(
                    "/api/auth/csv?api_token=" + this.$store.getters.getToken
                )
                .then((res) => {
                    console.log(res, 'res')
                })
                .catch((error) => {
                    console.log(error, "error");
                });
        },
    },
    created() {
        this.getCsv();
    },
    components: {
        AdminLayout,
        AdminCustomer,
        AdminBlock,
        AdminProducts,
    },
};
</script>

And controller index.

    public function index()
    {
        return Excel::download(new TypologyExport, 'disney.csv');
    }

How can the issue be reproduced?

When open the page, start download csv file.

What should be the expected behaviour?

When open the page, start download csv file.

[patrickbrouwers]

You either have to redirect the user to the download endpoint so the browser can handle the download response, or return Excel::raw() and handle the download via Vue (https://stackoverflow.com/questions/58024246/how-download-excel-file-in-vue-js-application-correctly)

[seriiserii825]

Thank you. But i preferred to take db array from laravel, and convert to csv in vue. чт, 17 февр. 2022 г. в 17:48, Patrick Brouwers ***@***.***>:

…

You either have to redirect the user to the download endpoint so the browser can handle the download response, or return Excel::raw() and handle the download via Vue ( https://stackoverflow.com/questions/58024246/how-download-excel-file-in-vue-js-application-correctly ) — Reply to this email directly, view it on GitHub <#3540 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AE6SBJSGS6IXLTECOYU7ZL3U3UKDNANCNFSM5OVCPBXQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you authored the thread.Message ID: ***@***.*** com>

-- *С уважением Бурдужа Сергей. *