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

标签 javascript html flask http-status-code-404

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

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

在我的 html 页面中,我有以下代码会出现 404 错误:

404 error

错误信息:

error message

我的文件结构是这样的:

file structure

我哪里出错了?

最佳答案

啊是的,幸运的是我目前正在开发一个 flask 应用程序。

您目前缺少 flask 默认查看的 static 文件夹,文件夹结构如下所示:

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

Flask 将查看模板和static 的两个重要默认文件夹。 排序后,您可以使用它从您的 html 页面链接到您的 javascript 文件:

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

希望对任何问题有所帮助。

另外 - 一篇值得阅读的好文章,但不是 super 相关,但它讨论了 flask 的文件夹结构是这样的:https://www.digitalocean.com/community/tutorials/how-to-deploy-a-flask-application-on-an-ubuntu-vps

关于javascript - Flask 应用程序 - 如何将 javascript 文件链接到网站,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30011170/

相关文章:

javascript 返回上一个事件 div

python - 属性错误 : 'NoneType' object has no attribute 'time_recorded' in Flask, SQLAlchemy

python - 如何在 Flask 中记录请求 POST 正文?

javascript - 如何使用多个参数过滤对象数组

javascript - 单击 "Submit"按钮时如何调用 Javascript 函数?

javascript - 如何使用 JavaScript 创建唯一 ID?

javascript - 淡出背景图像 jQuery 时去除白色 'flash' 效果

python - 构建大型 Flask 应用程序?

javascript - 更改表行内的属性

Javascript Canvas 游戏重置错误,绘制失败