python - 如何从 Flask 提供 create-react-app 服务？

Question

如何通过 Flask 提供 create-react-app 的可交付成果？

在npm run build之后，这大致是我的文件夹树:

src/
├── service/
│   └── app.py
└── content/
    ├── static
    │   ├── css
    │   │   └── many css files...
    │   ├── js
    │   │   └── many js files...
    │   └── media
    │       └── some images...
    ├── index.html
    ├── service-worker.js
    └── manifest.json

这是服务器的代码:

app = Flask(__name__, template_folder='../content', static_folder='../content')

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

@app.route('/static/<path:path>')
def static_files(path):
    return flask.send_from_directory('../content/static', path)

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

主 html index.html 已成功提供。 content/static/ 下的所有文件也是如此。

但是，content/ 下的文件(index.html 除外)根本没有传送(错误 404，未找到)。

Answer 1

假设您只是想提供一堆静态文件，那么使用像 nginx 这样的网络服务器可能会更有效地完成这一任务。

但是，如果您确实希望使用 Flask，使用现有目录结构执行此操作的最简单方法是:

from flask import Flask, render_template

app = Flask(__name__,
            static_url_path='', 
            static_folder='../content')

@app.route('/')
def index_redir():
    # Reached if the user hits example.com/ instead of example.com/index.html
    return render_template('index.html')

这本质上是在 / 端点静态地提供 contents/ 目录中的所有内容(由于 static_url_path 设置为空字符串)

当然，还有 index_redir 函数，如果用户实际点击 example.com/ 而不是 ，它将呈现 index.html >example.com/index.html.

这也避免了在代码中定义 static_files 函数，因为 Flask 具有开箱即用的静态文件服务功能。

同样，这个东西可能更适合生产环境中的 nginx。