Flask và React routing

Question

Tôi đang xây dựng ứng dụng Flask với React, tôi đã gặp vấn đề với định tuyến.

Các backend có trách nhiệm là một API, do đó một số tuyến như sau:

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

và các tuyến đường chính dẫn đến Phản ứng:

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

Tôi đang sử dụng react-router trong Ứng dụng React, mọi thứ hoạt động tốt, phản ứng-router đưa tôi đến /something và tôi nhận được hiển thị, nhưng khi tôi làm mới trang trên /something thì ứng dụng Flask sẽ xử lý cuộc gọi này và tôi nhận được lỗi Not Found.

Giải pháp tốt nhất là gì? Tôi đã suy nghĩ về việc chuyển hướng tất cả các cuộc gọi không gọi số /api/v1/... đến / nó không lý tưởng vì tôi sẽ lấy lại trang chủ của ứng dụng của tôi, không hiển thị chế độ xem Phản hồi.

Answer 1

Chúng tôi đã sử dụng catch-all URLs cho việc này.

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

Bạn cũng có thể đi một dặm thêm và tái sử dụng các hệ thống Flask routing để phù hợp với path để các tuyến đường tương tự như khách hàng, do đó bạn có thể nhúng các khách hàng dữ liệu sẽ cần như JSON bên trong phản ứng HTML.