Question

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

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

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

这是一个空白的“ hello world”烧瓶应用程序。我不知道如何在我的应用程序中实现任何前端框架。我应该将js库放在静态目录中，并使用urlof在标记中引用它们吗？这样做似乎是一个不好的方法。我为其中的一些示例或解释感到高兴。我是Web开发的新手，所以无论如何我都必须学习一些新知识。

谢谢！

编辑：我决定最后使用引导程序。有人可以显示出将烧瓶后端与引导程序前端集成的更详细的解释吗？

Answer 1

假设您要使用Flask运行REST API：

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

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

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

现在，您可以通过localhost：4200 / api / ...来访问您的API。

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

1 个答案: