Flask und React Routing

Question

Ich baue die Flask App mit React, ich hatte Probleme mit dem Routing.

Das Backend ist verantwortlich eine API zu sein, damit einige Routen wie folgt aussehen:

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

und der Hauptstraße, die zu den führt zu Reagieren:

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

ich react-router in der bin mit Reagiere App, alles funktioniert gut, react-router bringt mich zu und ich bekomme die gerenderte Ansicht, aber wenn ich die Seite auf /something aktualisiere, dann kümmert sich Flask App um diesen Anruf und ich bekomme Not Found Fehler.

Was ist die beste Lösung? Ich dachte über das Umleiten aller Anrufe, die nicht anrufen /api/v1/... zu / ist es nicht ideal, da ich die Homepage meiner App, nicht gerendert React Ansicht zurück erhalten werde.

Answer 1

Wir verwendeten catch-all URLs für diese.

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() 

können Sie auch eine extra Meile und Wiederverwendung der Flask routing System gehen path auf die gleichen Strecken wie Client entsprechen, so dass Sie die Daten-Client innerhalb der HTML-Antwort müssen als JSON einbetten können.