python - Flask 和 React 路由

Question

我正在使用 React 构建 Flask 应用程序，但最终遇到了路由问题。

后端负责成为一个 API，因此一些路由看起来像:

@app.route('/api/v1/do-something/', methods=["GET"])
def do_something():
    return something()

以及通往 React 的主要路线:

@app.route('/')
def index():
    return render_template('index.html')

我正在使用 react-router在 React 应用程序中，一切正常，react-router 将我带到 /something 并获得渲染 View ，但是当我在 /something 上刷新页面时，Flask 应用程序处理这个调用，我得到 Not Found 错误。

什么是最好的解决方案？我正在考虑将所有未调用 /api/v1/... 的调用重定向到 / 这并不理想，因为我将返回我的应用程序的主页，未呈现 React View 。

Answer 1

我们使用了 catch-all URLs为此。

from flask import Flask
app = Flask(__name__)

@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def catch_all(path):
    return 'You want path: %s' % path

if __name__ == '__main__':
    app.run()

您还可以加倍努力并重用 Flask 路由 系统以将 path 匹配到与客户端相同的路由，这样您就可以将客户端需要的数据嵌入为 JSON在 HTML 响应中。