Flask应用程序 - 如何将javascript文件链接到网站

Question

我开始在我的网站上使用javascript文件(A Flask应用程序)时遇到了一些麻烦.我通过运行run.py来启动网站,如下所示:

#!flask/bin/python
from app import app
app.run(debug=True)

在我的html页面中,我有以下代码,它给出了404错误:

错误信息:

我的文件结构如下所示:

我发生错误的任何提示？

Answer 1

啊,是的,幸运的是我目前正在开发一个烧瓶应用程序.

您当前缺少默认情况下看到的静态文件夹,文件夹结构如下所示:

|FlaskApp
----|FlaskApp
--------|templates
        - html files are here
--------|static
        - css and javascript files are here

Flask将查看模板和静态的两个重要默认文件夹.一旦你对它进行了排序,你就可以使用它来链接你的html页面中的javascript文件:

<script src="{{url_for('static', filename='somejavascriptfile.js')}}"></script>

希望有助于解决任何问题.

加上 - 一篇很好的文章,但不是超级相关但它谈论烧瓶的文件夹结构是这样的:https://www.digitalocean.com/community/tutorials/how-to-deploy-a-flask-application-on -an-Ubuntu的VPS