如何使用 Laravel + React.js + Redux 进行服务器端渲染?

How to do server side rendering with Laravel + React.js + Redux?

我们正在后端使用 Laravel 并在前端使用 React.JS + Redux 来设置应用程序。所以寻找服务器端渲染的解决方案(用于 SEO)。

找到了这个解决方案:https://github.com/tz5514/Laravel-Redux-Isomorphic 但它似乎在后端使用 express.js 进行渲染。

所以我正在寻找任何更好的服务器端渲染解决方案。

React 似乎适用于 Node Js(仅)。但是,您可以尝试使用此 Laravel 插件来解决您的问题。 react-laravel

React 是 javascript,因此它需要一个 javascript 引擎才能 运行,因此查看 laravel 项目的一种方法是将其视为'backend' api 服务器,它与使用节点 运行 应用程序的 javascript 部分的 'frontend' 服务器完全分离。

换句话说,您有两个应用程序,一个带有 laravel 的应用程序公开了一个 api,它可以被基础设施中的任何其他服务使用,而 reactjs 应用程序是一个 nodejs使用 api 并处理 react + redux 魔法的应用程序。

从外部世界实际访问您网站的方式是通过 express/nodejs 应用程序,该应用程序调用 laravel api 来实现数据持久性和其他业务逻辑。

laravel 应用程序处理会话、oauth、数据库、对硬盘的文件访问等,而 nodejs 应用程序处理实际的网站路由、模板、css 和 javascript部分。

我从 HashNode

那里得到了这个答案

您可以使用 spatie/laravel-server-side-rendering package, it is great for both React & Vue. Here you can find YT tutorial for this package usage as well - https://youtu.be/uO42Kpa4pvI