我正在学习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;
型
2条答案
按热度按时间aurhwmvo1#
我想你看到你应该,即时通讯目前工作的laravel-vue-vite项目,当我安装它,我也有Laravel Jmeter 板
在本地运行laravel
字符串
你就逃吧逃吧
型
用于生产
型
请注意,它们都应该在Visual Studio代码中同时运行,这样你就需要打开第二个终端,所以按下终端右上角的“+”图标
如果你安装了带有vue的laravel,你的视图存储在resources/js中
和routes/web.php中的路由
x1c 0d1x的数据
i34xakig2#
第一个也是最主要的问题是应用程序从错误的文件夹启动。它需要从vue子文件夹启动:
laravel:myapp>
php artisan serve
vue:myapp\vue>
npm run dev
第二个问题是打开localhost:5173后什么都没有显示:我需要将
const { createStore } = require("vuex");
更改为import { createStore } from "vuex";