Как использовать маршрутизатор Vue внутри Laravel?

Я разрабатываю с laravel9 и vue3.

Моя проблема проста, но установка пути не удалась.

Когда я получаю доступ к URL localhost:8080/tasks

Этот URL-адрес возвращает 404, и я получаю следующую ошибку типа

ПОЛУЧИТЬ http://localhost:8000/tasks 404 (не найдено)

Я не знал причины, но когда я переписываю path: /tasks на path /, localhost:8080 возвращает компонент, который мне нужен.

У меня есть следующие файлы.

router.js

import { createRouter, createWebHistory } from "vue-router";
import TaskListComponent from "./components/TaskListComponent.vue";


const router = createRouter({
    history: createWebHistory(),
    routes: [

        {
            path: '/tasks',
            name: 'tasks.list',
            component: TaskListComponent
        }
    ]
})

export default router

App.vue

<script setup>
import HeaderComponent from "./components/HeaderComponent.vue";
</script>

<template>
    <HeaderComponent />
    <router-view></router-view>
</template>

bootstrap.js

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router.js"

const app = createApp(App);

app.use(router);

app.mount("#app");