Flask and React routing

Question

Я создаю приложение Flask с React, у меня возникла проблема с маршрутизацией.

Бэкэнд отвечает быть 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 приложение, все работает нормально, реагирует маршрутизатор принимает меня к /something, и я получаю визуализированный вид, но когда я обновляю страницу на /something, тогда приложение Flask позаботится об этом вызове, и я получаю ошибку Not Found.

Какое оптимальное решение? Я думал о перенаправлении всех вызовов, которые не звонят /api/v1/..., до /, это не идеально, поскольку я верну домашнюю страницу своего приложения, а не визуализирую представление React.

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 routing, чтобы соответствовать path к тем же маршрутам, как клиент, так что вы можете встраивать клиент данные будут нуждаться в JSON в ответе HTML.