как перенаправять с роутов laravel пользователя на роуты vue-router?

есть проект на laravel 8 где фронт написан на vue 3. на фронте когда пользователь переходит по путям с помощью router-link, router-view загружаются и показывают компоненты. к примеру если через router-link пользователь переходит на /overview/12, router-view загружает свой компонент, но когда пользователь находится по этому же пути и перезагружает страницу то выводится laravel-ий шаблон страницы ошибки 404 мол такого роута нет.

как сделать чтобы все роуты кроме /api/*(туда я делаю запросы RESTapi) делали переходы с помощью vue-router.

resorces/js/router/index.js:

import IndexSlider from "../components/IndexSlider";
import Newsfeed from "../views/Newsfeed";
import Overview from "../views/Overview";

const routes = [
    {
        path: '/',
        name: 'index',
        redirect: '/index'
    },
    {
        path: '/index',
        name: 'index-slider',
        component: IndexSlider,
        children: [
            {
                path: 'newsfeed',
                name: 'newsfeed',
                component: Newsfeed
            }
        ]
    },
    {
        path: '/overview/:id',
        name: 'overview',
        component: Overview,
        props: true
    }

]

export default routes;

web/web.php:

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\IndexController;


Route::get('/{vue_capture?}', function () {
    return view('index');
})->where('vue_capture', '[\/\w\.-]*');

так я пытался делать этот редирект, но в консоли показывалась такая ошибка

/routes/api.php: эти роуты должны работать дла запросов axios

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\NewsController;

Route::resource('news', NewsController::class);

[email protected], [email protected], laravel 8