Question

我知道，在常规的Flask项目中，您必须在与static相同的目录级别上拥有一个templates和application.py文件夹。在模板中，您包括所有html，在静态中包括所有JS。

但是，我不确定应该如何使用VueJS来构造它。

我的application.py文件侦听不同的路由，例如/ping和/books，并且根据每条路由所具有的JSON对象，我在{{1} }使用Vue。

请注意这是用于部署的，因此WSGI文件路径是“ application.py”。换句话说，我需要Flask路线来渲染Vue渲染的东西。我该怎么办？

Answer 1

看看是否可行

application.py

from flask import Flask

app = Flask(
     __name__,
     static_folder = 'static',
     template_folder = 'static',
     )
# a simple page that says hello
@app.route('/', defaults = {'path': ''}, methods=['GET'])
@app.route('/<path:path>')
def catch_all(path):
    return render_template('index.html')

static / index.html

<html>
     ....
     <script type="text/javascript" src="render.js"></script></body>
</html>

render.js是vue-webpack编译过程的输出，该过程在静态内调用其他js文件。

如何使用Flask渲染VueJS前端？

1 个答案: