我是Vue JS的新手,我用Laravel安装了VUE 3,它显示404 Not Found
。我尝试了很多,但找不出问题。
- 应用程序刀片.php*
<div class="min-h-screen bg-gray-100" id="app">
<!-- Page Content -->
<main>
{{ $slot }}
</main>
</div>
- 应用程序.js*
import { createApp } from "vue";
import router from './router'
import CompaniesIndex from './components/companies/CompaniesIndex'
createApp({
components: {
CompaniesIndex
}
}).use(router).mount('#app')
- 索引.js*
import { createRouter, createWebHistory } from "vue-router";
import CompaniesIndex from '../components/companies/CompaniesIndex'
const routes = [
{
path: '/welcome',
name: 'companies.index',
component: CompaniesIndex
},
]
export default createRouter({
history: createWebHistory(),
routes
})
- 成分索引值 *
<template>
Hello world
</template>
<script>
export default {
}
</script>
- 网页.php*
Route::get('/{any}', function () { return view('app'); })->where('any', '. *');
- 欢迎使用.blade.php*
<body class="antialiased">
<h1>Welcome to Laravel Vue 3</h1>
</body>
1条答案
按热度按时间myzjeezk1#
1.我不确定,但可能在
where
语句中的routes/web.php
有错误,因为. *
正则表达式应该匹配任何字符串,而这是不带空格的.*
。请尝试:1.如果您要创建SPA,则
app.blade.php
不应包含任何标记,它应该是空白HTML模板,并带有您的应用所需的脚本:1.然后你只需要把你的Vue应用程序挂载到
#app
div,这在你的app.js
中似乎很好。