Vercel - 部署 Flask 后端 + React 前端

Question

我有一个web应用程序，前端使用React，后端使用Flask。我想将这个应用程序部署到一个叫做Vercel的工具上。能否有人给我指出一个完成这个任务的示例教程/设置/示例Github仓库？

- karkir subu

Answer 1

据我所知，你无法在Vercel上部署Flask后端。虽然我对Flusk不熟悉，但我现在检查了一下，你可以在railway.app上部署你的Flusk后端服务器，然后从你可以在Vercel上部署的前端中访问它。

- mladenovic13

---

你是否有例子可以提供我参考？railway.app是免费的吗？ - karkir subu

很抱歉，我没有，但铁路平台非常直观。只需选择您的服务器代码所在的GitHub存储库并部署即可。是的，他们有免费层。 - mladenovic13

谢谢。我已经成功部署了铁路系统，只需要进行一些配置即可。 - karkir subu

Answer 2

我也花了一些时间才弄明白这个问题，尽管 Flask 的使用在官方文档中已经得到了技术上的“记录”。你需要像这样做：

your_app_root/
└── api/
    ├── function1/
    │   └── index.py
    ├── function2/
    │   └── index.py
    └── index.py

#!index.py
from flask import Flask, Response

app = Flask(__name__)


@app.route("/", defaults={"path": ""})
@app.route("/<path:path>")
def catch_all(path):
    # Everything above this line should look the same for each 
    # index.py. Modify lines below this to have different logic
    # for different routes.
    return Response(
        "<h1>Flask</h1><p>You visited: /%s</p>" % (path), mimetype="text/html"
    )

基本上，每个函数将成为一个独立的Flask应用程序。因此，您无法在Flask api 中使用 @app.route 定义任何路由。它需要全部基于文件夹，因为Vercel正在进行路由。

- Wesley