Laravel Inertia Ziggy 链接路由问题答案

【问题标题】：Laravel Inertia Ziggy Link Routing IssueLaravel Inertia Ziggy 链接路由问题
【发布时间】：2022-11-12 11:51:33
【问题描述】：

我目前在路由中遇到问题。这是场景：

当没有 id 查询时，惯性工作正常。

但是在导航到编辑并且我想单击任何导航链接（例如单击仪表板链接）后，它会抛出一个 404 代码，说明该页面不存在。仅仅是因为它没有删除 /category/{id}，而是在末尾添加仪表板而不是删除查询。

有没有办法通过不违反惯性路由来解决这个问题？

这是代码：

认证布局

const navigation = [
  { name: 'Dashboard', href: 'dashboard', current: false },
  { name: 'Category', href: 'category', current: false },
  ]

 <nav class="hidden lg:flex lg:space-x-8 lg:py-2" aria-label="Global">
        <Link v-for="item in navigation" :key="item.name" 
        :href="item.href" :class="[item.current ? 'bg-gray-100 
         text-gray-900' : 'text-gray-900 hover:bg-gray-50 
         hover:text-gray-900', 'rounded-md py-2 px-3 inline-flex 
         items-center text-sm font-medium']" :aria- 
         current="item.current ? 'page' : undefined">{{ item.name 
         }}</Link>
 </nav>

【问题讨论】：

尝试 href="route('dashboard')" - 但我认为它不起作用。

标签： vue.js laravel-9 inertiajs inertial-navigation ziggy

【解决方案1】：

您是否尝试过使用 Ziggy？ Ziggy Github repo

然后，您使用 Laravel 创建的路由在 Vue 中使用相同的路由功能可用。在创建 laravel 应用程序时，它适用于惯性。

    <Link
       :href="route('frontend.categories.show', [categories, post.slug])"
    >

如果您在页面检查器中检查控制台，它应该会以 json 格式显示从“web.php”中提取的 ziggy 路由。

它自动使标准 Controller 类函数可用于 javascript 中的路由（因此索引、创建、编辑、显示、销毁函数）。

我很乐意分享我从教程中创建的代码，像您一样使用微风。

【讨论】：

我要对你投反对票，因为 Ziggy 在标题和标签列表中，但 OP 不在使用Ziggy 在他们的任何代码中。很好的收获，我+1。

【解决方案2】：

解决了。只需在 href 导航对象中添加“/”即可。

const navigation = [
   { name: 'Dashboard', href: '/dashboard', current: false },
   { name: 'Category', href: '/category', current: false },
]

【讨论】：

尽管有问题的标题和标签，但您实际上根本没有使用 Ziggy，这就是您遇到这个麻烦的原因。