Блог

Главная - Вопросы по программированию - Laravel Breeze Vue — Ссылка и страница не отображаются

Laravel Breeze Vue — Ссылка и страница не отображаются

#laravel #vue.js #laravel-breeze

Вопрос:

Я работаю над приложением и впервые использую Laravel Breeze Vue. Просто немного краткой информации, Laravel Breeze предоставляет некоторые быстрые основы для аутентификации. Когда пользователь входит в систему, ему открывается простая страница панели мониторинга. Я добавил новую ссылку на эту страницу, как показано ниже.

приложение/ресурсы/js/Макеты/Аутентифицированный.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>

Я также создал файл Index.vue по пути к файлу app/ресурсы/js/Страницы/Клиент/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);
});

Я сталкиваюсь с двумя проблемами. Первая проблема заключается в том, что ссылка не будет отображаться в моих навигационных ссылках. Вторая проблема заключается в том, что страница Index.vue также не будет отображаться. Я пробовал делать npm run dev npm run watch и очищать тайники. Ничего из этого не сработало. Пожалуйста, дайте мне некоторое представление о том, как решать эти проблемы.

Ответ №1:

Это закрыто. Я использую старое оборудование, и мне потребовалось время, чтобы внести изменения. npm run dev выполнено, как и ожидалось.

Метки: