并行使用 Laravel Inertia.js、Vue 和 Blade？答案

【问题标题】：Using Laravel Inertia.js, Vue and Blade in parallel?并行使用 Laravel Inertia.js、Vue 和 Blade？
【发布时间】：2021-05-30 16:39:30
【问题描述】：

有没有办法将 Laravel Blade 用于多页面网站（电子商务）的一部分，而将 Inertia/Vue 用于某些特定页面（如购物篮和管理页面）？不要将两者混合在同一页面上，就像我在其他评论中看到的那样。

第一类是大量静态页面，需要快速加载和强大的 SEO 参考（产品页面和目录）。第二种不需要索引，但需要大量的用户交互。

我在第一个项目中尝试了一些东西，但是当 Inertia 处于活动状态时，我似乎无法调用 Laravel 路由。另外，在 Blade 页面中加载所有 Inertia 和 Vue 并没有什么意义。因此，作为初学者，我想我只需要在 Vue 页面（管理员和购物篮）上加载 Inertia + Vue 代码。而且我想还有很多其他问题需要处理。

或者也许废弃 Inertia.js，然后在 Vue 页面上加载 vanilla Vue.js？但这意味着还要加载路由器和数据存储......

非常感谢您提供有关最佳方法的任何想法！ E.

【问题讨论】：

Jonathan Reinink 的令人鼓舞的回答：“您完全可以在同一个项目中同时使用 Inertia.js 和常规 Blade 模板。在链接到 Blade 文件时要小心使用常规链接，因为Inertia 无法对 Blade 端点进行 XHR 访问。它最终会以模态形式显示它。从 Blade 端点访问 Inertia 页面也是如此。但要点是，你可以完全混合。我有时会这样做我自己。我有网站公共网站的 Blade 文件（SEO 很重要），我将使用 Inertia 作为网站的安全部分，用于应用程序/控制面板。"

标签： laravel vue.js laravel-blade inertiajs

【解决方案1】：

您可以根据需要混合页面：

1.对于惯性页面。

    // View:
    <inertia-link href="/dashboard">dashboard</inertia-link>

    // Laravel controller:
    public function index(Request $request)
    {
        return Inertia::render('Dashboard/Index', [
            'data' => [
                // ...
            ],
        ]);
    }

2。刀片页面。

    // View:
    <a href="/dashboard">dashboard</a>

    // Laravel controller:
    public function index(Request $request)
    {
        return view('dashboard.index', [
            'data' => [
                // ...
            ],
        ]);
    }

【讨论】：