将 React 应用程序集成到 Flask 应用程序中

Question

我有一个现有的 Flask 应用程序，其中包含一个静态部分（网页）和一个动态部分（登录后）。我需要做的是将动态部分重写为将使用现有 API 的 React 应用程序。

到目前为止，我一直在构建完全解耦的 React 应用程序，但我不知道如何从 Flask 部分过渡到 React 部分。理想情况下，我不想只在模板中包含 React/React-DOM 脚本并编写组件，我想为 Flask 应用程序的当前动态部分编写一个单页应用程序（使用 create-react-app）。

对实际发生转换的任何想法？也许当@app.route(/dynamic-part) 被触发时，然后写一些除了渲染模板之外的东西？

编辑：因为有些用户认为我的问题不是很清楚，所以我会尝试更准确，以防其他人偶然发现：

我要问的问题是如何从 Flask 处理它是路由的一部分切换到 React 处理它是路由的一部分，而不会互相妨碍。因此，就像下面的答案所暗示的那样，我将 React 应用程序的构建输出放在 Flask 中，并在 Flask 的路由中将 all 应该由 React 应用程序处理的路由指向 React 的 index.html构建输出。那行得通。希望现在更清楚一点。如果没有，我会再试一次并提供更多详细信息。

Answer 1

看起来 create-react-app 有说明：building for relative paths。所以你可以像往常一样开发 React 应用程序。

然后，当您准备好时，您可以“npm run build”，它会创建一个构建文件夹，其中包含单页应用程序所需的所有资产（html、捆绑的 javascript、css 等）。您可以将整个文件夹复制到包含其余模板的目录中。然后你的@app.route(/dynamic-part) 可以指向./app/templates/build/index.html。