结合React和Flask路由

时间:2018-06-02 20:37:50

标签: flask

我希望在客户端处理所有路由,但有两个例外:

服务器应该处理以/ api开头并从/ dist。

提供文件的任何路由

这是我的文件夹结构:

./
├── Client
│   ├── dist
│   │   └── bundle.js
│   │   └── bundle.css
│   ├── index.html
│   ├── node_modules
│   ├── package.json
│   ├── src
│   │   ├── __tests__
│   │   ├── components
│   │   └── index.tsx
│   ├── tsconfig.json
│   ├── tslint.json
│   ├── webpack.config.js
│   └── yarn.lock
├── README.md
├── app.py
└── requirements.txt

app.py

from flask import Flask, jsonify, render_template

app = Flask(__name__, template_folder="Client")

@app.route('/api/random')
def random_name():
    response = {
        'randomName': choice(["Ben", "Joe", "Robert", "Amy"])
    }
    return jsonify(response)

@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def index(path):
    return render_template('index.html')

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

如何从bundle.js投放index.html? 我尝试在url_for中使用index.html,但它不起作用 - 我得到了404。

0 个答案:

没有答案