我正在学习Laravel，并遵循全栈教程。使用Laravel+Vue。
当我用php artisan serve在端口8000上启动Laravel时，它会正常打开。然后在src文件夹中创建Vue应用程序。它应该在端口5173上使用命令npm run dev启动。当我打开它时，我没有看到默认的Vue起始页：

的数据
我只看到这个：

的
我如何在正确的端口上启动正确的服务器来制作我的应用程序的前端？
这是我的App.vue：

import HelloWorld from "./components/HelloWorld.vue";
import { mapState } from "vuex";

export default {
    components: { HelloWorld },
    computed: { ...mapState(["user"]) },
};
</script>

<template>
    <div>
        <h2>Bok</h2>
        <pre>{{ user }}</pre>
    </div>
    <HelloWorld msg="Vite + Vue" />
</template>

<style scoped>
.logo {
    height: 6em;
    padding: 1.5em;
    will-change: filter;
    transition: filter 300ms;
}
.logo:hover {
    filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
    filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

字符串
这是我的index.js：

const { createStore } = require("vuex");

const store = createStore({
  state: { user: { data: { name: "Zura" }, token: null } },
  getters: {},
  actions: {},
  mutations: {},
  modules: {},
});

export default store;

型