Laravel的侧边栏导航导致整页重新加载，而不是实现流畅导航

前端开发 2026-07-07

我正在开发一个Laravel项目，已经把AdminLTE模板与Blade集成在一起，并使用Vite作为资源编译器。当我点击任意侧边栏链接时，整个页面会重新加载（“闪烁”），而不是像平滑导航那样进行。

我已经在使用Axios（AJAX）进行动态更新。我遇到的问题是导航栏可以在不重新加载的情况下平滑更新，但侧边栏会触发整页刷新。

<aside class="app-sidebar">
    <ul class="nav">
        <li>
            <x-nav-link href="/products" :active="request()->is('products')">
                Product
            </x-nav-link>
        </li>

        <li>
            <x-nav-link href="/products/create" :active="request()->is('products/create')">
                Create Product
            </x-nav-link>
        </li>
    </ul>
</aside>

为什么在点击侧边栏菜单时，整页会刷新？为什么会这样？我们应该如何解决这个问题？

解决方案

在Laravel Blade中，点击一个链接总是会触发整页重新加载，因为服务器每次都会发送一个全新的页面。你应该考虑使用像 Laravel Livewire 或 Inertia.js（用于使用React或 Vue） 这样的工具，只更新特定的DOM元素，而不是整个页面（会出现“闪烁”现象）。没有它们，整页重新加载是Blade的默认行为。

Laravel