第2步:安装Inertia Inertia的安装过程分为两个主要阶段: 服务器端(Laravel)和客户端(VueJs). Inertia文档中的官方安装指南有点过时了,因为Laravel 9现在默认使用Vite,但我们也会去看看。 1. Server-Side 我们需要做的第一件事是通过Composer用以下终端命令安装Inertia服务器端适配器。 composer require inertiajs/in...
如果你希望使用 Inertia 和 Vue / React 构建前端,可以利用我们的 Breeze 或 Jetstream 入门套件 来快速启动你的应用开发。这些 入门套件使用 Inertia、Vue / React、Tailwind 和Vite 为你的应用程序的后端和前端认证流程搭建骨架,让你可以专注于开发你的下一个大创意。
如果你希望使用 Inertia 和 Vue / React 构建前端,可以利用我们的 Breeze 或 Jetstream入门套件来快速启动你的应用开发。这些 入门套件使用 Inertia、Vue / React、Tailwind和Vite为你的应用程序的后端和前端认证流程搭建骨架,让你可以专注于开发你的下一个大创意。
Inertia可以桥接你的 Laravel 应用程序和现代 Vue 或 React 前端,使你可以使用 Vue 或 React 构建完整的现代前端,同时利用 Laravel 路由和控制器进行路由、数据注入和身份验证 - 所有这些都在单个代码存储库中完成。使用这种方法,你可以同时享受 Laravel 和 Vue / React 的全部功能,而不会破坏任何一种工具的能力。
如果您想使用 Inertia 和 Vue / React 构建您的前端,您可以利用我们的 Breeze 或 Jetstream入门套件来启动您的应用程序开发。这两个入门工具包都使用 Inertia、Vue / React、Tailwind和Vite为您的应用程序的后端和前端身份验证流程搭建了支架,以便您可以开始构建您的下一个大创意。
在Vite 和 Laravel Mix 之间选择 在过渡到 Vite 之前,当打包资产时,新的 Laravel 应用使用Mix,它由webpack来支持。在构建富 JavaScript 应用时,Vite 致力于提供一个更快和更高效的体验。如果您开发一个单网页应用 (SPA),包括使用以下工具开发,如Inertia,Vite 将会更加适合。
npm i laravel-react-i18n or with yarn: yarn add laravel-react-i18n Setup If you want to see a screencast on how to setup check out this video: How to use Laravel Vue i18n plugin. With Vite import * as React from 'react' import { createRoot } from 'react-dom/client' import { Lara...
Laravel Breeze 还通过 Inertia 前端实现提供 React 和 Vue 脚手架。 Inertia 允许你使用经典的服务器端路由和控制器构建目前流行的单页 React 和 Vue 应用程序。Inertia 让你享受 React 和 Vue 的前端强大功能以及 Laravel 令人难以置信的后端生产力和快如闪电的 Vite 编译。 如果要指定技术栈,请在执行 breeze:...
Laravel团队一直在努力为 Laravel 集成Vite 。截至本周,Vite 现在是新 Laravel 项目中的默认前端资产捆绑器,同时更新了 Breeze 和 Jetstream: 今天我们很高兴地宣布新的 Laravel 项目使用 Vite 来捆绑前端资产。Breeze 和 Jetstream 也已更新。🔥 在使用带有 Inertia Vue 或React的新 Breeze / Vite 堆栈时体验闪电...
import { createRoot, hydrateRoot } from 'react-dom/client'; import { createInertiaApp } from '@inertiajs/react'; import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'; const appName = import.meta.env.VITE_APP_NAME || 'Laravel'; ...