文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用Flask渲染VueJS前端？

问如何使用Flask渲染VueJS前端？
EN

Stack Overflow用户

提问于 2019-03-01 05:04:04

回答 1查看 877关注 0票数 0

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

然而，我不确定这应该如何使用VueJS来构建。

我的application.py文件侦听不同的路由，比如/ping和/books，并且基于每个路由所具有的JSON对象，通过我使用Vue在localhost:8080上运行的程序来呈现不同的内容。

考虑到这是为了部署，所以WSGI文件路径是application.py`.换句话说，我需要Flask路由来渲染Vue渲染的内容。我该怎么做？

python

vue.js

flask

回答 1

Stack Overflow用户

发布于 2019-03-01 15:38:12

看看这是否有效

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文件。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54934237

复制

相似问题

问如何使用Flask渲染VueJS前端？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Flask渲染VueJS前端？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Flask渲染VueJS前端？
EN