Laravel Breeze Vue - Link 页面未呈现
Laravel Breeze Vue - Link and page not rendering
我正在开发一个应用程序并第一次使用 Laravel Breeze Vue。只是一些快速的背景知识,Laravel Breeze 提供了一些用于身份验证的快速脚手架。当用户登录时,他们会看到一个简单的仪表板页面。我已按照以下方式向此页面添加了一个新的 link。
app/resources/js/Layouts/Authenticated.vue
<!-- Navigation Links -->
<div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
<BreezeNavLink :href="route('dashboard')" :active="route().current('dashboard')">
Dashboard
</BreezeNavLink>
<BreezeNavLink :href="route('client.index')" :active="route().current('client.index')">
Clients
</BreezeNavLink>
</div>
我还在文件路径 app/resources/js/Pages/Client/Index.vue 中创建了一个 Index.vue 文件。如下所示:
<template>
<Head title="Clients" />
<BreezeAuthenticatedLayout>
<template #header>
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Clients
</h2>
</template>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
<div class="p-6 bg-white border-b border-gray-200">
You're logged in!
</div>
</div>
</div>
</div>
</BreezeAuthenticatedLayout>
</template>
<script>
import BreezeAuthenticatedLayout from '@/Layouts/Authenticated.vue'
import { Head } from '@inertiajs/inertia-vue3';
export default {
components: {
BreezeAuthenticatedLayout,
Head,
},
}
</script>
我在 web.php 文件中使用路由资源,如下所示。我已经确认 client.index 是通过 php artisan route:list
的现有路线。
//client routing
Route::middleware(['auth', 'verified'])->group(function() {
Route::resource('client', ClientController::class);
});
我面临两个问题。第一个问题是 link 不会在我的导航 link 中呈现。第二个问题是 Index.vue 页面也不会呈现。我试过 npm run dev
、npm run watch
和清除缓存。 None 其中有效。请提供一些有关如何解决这些问题的见解。
已关闭。我使用的是旧硬件,需要时间来接受更改。 npm run dev
按预期执行。
我正在开发一个应用程序并第一次使用 Laravel Breeze Vue。只是一些快速的背景知识,Laravel Breeze 提供了一些用于身份验证的快速脚手架。当用户登录时,他们会看到一个简单的仪表板页面。我已按照以下方式向此页面添加了一个新的 link。
app/resources/js/Layouts/Authenticated.vue
<!-- Navigation Links -->
<div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
<BreezeNavLink :href="route('dashboard')" :active="route().current('dashboard')">
Dashboard
</BreezeNavLink>
<BreezeNavLink :href="route('client.index')" :active="route().current('client.index')">
Clients
</BreezeNavLink>
</div>
我还在文件路径 app/resources/js/Pages/Client/Index.vue 中创建了一个 Index.vue 文件。如下所示:
<template>
<Head title="Clients" />
<BreezeAuthenticatedLayout>
<template #header>
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
Clients
</h2>
</template>
<div class="py-12">
<div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
<div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
<div class="p-6 bg-white border-b border-gray-200">
You're logged in!
</div>
</div>
</div>
</div>
</BreezeAuthenticatedLayout>
</template>
<script>
import BreezeAuthenticatedLayout from '@/Layouts/Authenticated.vue'
import { Head } from '@inertiajs/inertia-vue3';
export default {
components: {
BreezeAuthenticatedLayout,
Head,
},
}
</script>
我在 web.php 文件中使用路由资源,如下所示。我已经确认 client.index 是通过 php artisan route:list
的现有路线。
//client routing
Route::middleware(['auth', 'verified'])->group(function() {
Route::resource('client', ClientController::class);
});
我面临两个问题。第一个问题是 link 不会在我的导航 link 中呈现。第二个问题是 Index.vue 页面也不会呈现。我试过 npm run dev
、npm run watch
和清除缓存。 None 其中有效。请提供一些有关如何解决这些问题的见解。
已关闭。我使用的是旧硬件,需要时间来接受更改。 npm run dev
按预期执行。