reactjs 如何将SPA项目集成到Laravel Inertia?

xmjla07d  于 2023-10-17  发布在  React
关注(0)|答案(1)|浏览(126)

我已经下载了React Jmeter 板应用程序,我想在我的laravel惯性应用程序中使用它。
我搞不懂怎么把他们的文件合并在一起。
React组件应该在laravel Inertia的resources/js/Pages中。
我很困惑如何合并React应用程序与laravel惯性应用程序这里是他们每个人的文件的图像。

rsaldnfx

rsaldnfx1#

你走在正确的道路上。jsx模板放在resources/js/Pages文件夹中。您可以在routes/web.php中构建路由,例如:

Route::get('dashboard', [UserController::class, 'dashboard'])->name('dashboard');

确保在web.php的顶部包含任何使用过的Controller:

use App\Http\Controllers\HomeController;

控制器,您可以使用artisan命令在终端或其他终端的命令行中创建:

php artisan make:controller HomeController

这将在app\Http\Controllers中创建文件,例如HomeController通过Inertia返回jsx,包括通过Eloquent或其他方式加载的任何数据:

public function dashboard() {
    return Inertia::render('Dashboard', [
      'items'      => $items
    ]);
}

确保您的控制器使用Inertia(在顶部):

use Inertia\Inertia;

这假设您使用React使用Inertia创建了项目,因此您拥有处理SPA构建的适当刀片模板。您还需要确保在命令行中运行:

npm install
npm run dev (or npm run build for production)

最新的Laravel非常有效地使用了vite和tailwind(旧版本使用/建议使用webpack)。
最近,我发现Laravel Herd与DBngin和TablePlus的组合对于任何需要本地开发环境的人来说都是一个很好的组合。

相关问题