Angular 如何在flask后端上设置前端框架？

我想开发一个用于处理数据的小型web应用程序（主要显示记录列表、编辑、添加新记录…）。我正在使用flask作为后端框架，并尝试学习一些前端框架（bootstrap、angular和react）。我不知道怎样把它们一起使用

我的测试项目看起来像这样

flaskr
│   app.py
│
├───static
├───templates
│       index.html

这是一个空白的“hello world”应用程序。 我不知道如何在我的应用程序中实现任何前端框架。我是否应该将js库放在静态目录中，并使用urlof在标记中引用它们？ 这样做似乎不是一个好方法。 我很乐意为其中的一个提供一些例子或解释。我是网络开发新手，所以无论如何我必须学习一些新的东西

谢谢你

编辑：

---

我终于决定使用bootstrap了。有人能更详细地解释一下如何将flask后端与引导前端集成在一起吗？

假设您想用flask运行REST API：

您可能可以通过烧瓶提供角度应用程序。但是：我会尝试将两个项目分开。通常，在生产环境中，应用程序前面有某种服务器。这通常是ngnix或apache2 web服务器。在这里为Angular客户端提供服务，并在/api处添加一个反向代理，用于重定向到Flask后端。在开发过程中，您可以使用Angular proxy功能将API调用重定向到例如localhost:3000。因此，您将在开发期间使用ng serve运行Angular，并在生产中使用dist文件夹

Angular的代理配置如下所示（对于开发人员）：

---

现在，您可以通过localhost:4200/API/…

点击您的API，它们通过API端点进行通信

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false,
    "pathRewrite": {
      "^/api": ""
    }
  }
}