服务器端渲染 React 使用 Spring 启动

Question

我正在查看以下使用 Spring Boot 和 React 的教程。 https://spring.io/guides/tutorials/react-and-spring-data-rest/

React 会在服务器端呈现吗，因为它正在呈现到 Thymeleaf 模板中？对于上下文，我已经放置了下面教程中的 Thymeleaf 模板和 React 文件代码。

src/main/resources/templates/index.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8"/>
    <title>ReactJS + Spring Data REST</title>
    <link rel="stylesheet" href="/main.css" />
</head>

<body>

    <div id="react"></div>

    <script src="built/bundle.js"></script>

</body>
</html>

src/main/js/app.js - 渲染代码

ReactDOM.render(
    <App />,
    document.getElementById('react')
)

Answer 1

在给定的示例中，React 未在服务器端呈现。 Thymeleaf HTML 按原样输出。如本教程所示，通过在 Spring 引导后端调用服务设置来在客户端获取数据。

服务器端渲染 React 使用 Spring 启动

Server Side Rendering React Using Spring Boot

java

thymeleaf

reactjs

spring-boot

server-side-rendering