在单个部署中同时使用React和Flask前端的Flask后端的GAE app.yaml设置

runtime: python39

handlers:
  - url: /static
    static_dir: build/static
  - url: /.*
    script: auto

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/api/data', methods=['GET'])
def get_data():
    return jsonify({"data": "Hello from Flask!"})

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=8080)

import React, { useEffect, useState } from 'react';
import ReactDOM from 'react-dom';

function App() {
  const [data, setData] = useState(null);

  useEffect(() => {
    fetch('/api/data')
      .then(response => response.json())
      .then(data => setData(data));
  }, []);

  return (
    <div>
      <h1>React and Flask on GAE</h1>
      {data && <p>{data.data}</p>}
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));