如何在 Laravel 中使用 Vue 路由器？

我使用 laravel9 和 vue3 进行开发。

我的问题很简单，但是路径设置不太顺利。

当我访问网址时localhost:8080/tasks

此 url 返回 404 未找到，我收到以下类型错误

获取http://localhost:8000/tasks 404（未找到）

我不知道原因，但是当我重写路径时：/tasks到路径/， 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");

以下内容在web.php解决了问题

Route::get('{any?}', function () {
    return view('welcome');
})->where('any', '.*');