<分区>
标签 javascript python html css flask
<分区>
我有生以来第一次使用 Flask 和 Python。我想显示一个带有一些 CSS 和 JavaScript 文件的 HTML 页面。我发现对于 CSS,最好的方法是使用静态路由设置我的服务器
from flask import Flask, render_template, request, redirect, url_for, send_from_directory
import socket, json
# create Flask app
app = Flask(__name__, static_url_path='.')
@app.route('/')
def index():
return render_template('index.html')
app = Flask(__name__, )
@app.route('/static/<path:path>')
def send_static(path):
return send_from_directory('static', path)
if __name__ == "__main__":
app.run()
所以进入文件夹 /static
我有 /static/css/xx.css 和/static/js/xx.js
,我发现我必须在 HTML 中像这样与我的 CSS 文件建立关系
<link rel="stylesheet" href="{{ url_for('static', filename='css/bulma.min.css') }}">
现在我在链接我的 JavaScript 文件时遇到了同样的困难。一般来说,我像这样导入它们
<script src="/static/js/fetch.umd.js"></script>
<script src="/static/js/app.js"></script>
但由于未知原因它不起作用,我认为这是因为我需要以一种我还不知道的特殊方式导入它们。
最佳答案
您应该像导入 CSS 一样导入它们。
例如:
<script src="{{ url_for('static', filename='static/js/app.js') }}"></script>
关于javascript - 使用 Flask 和静态路径链接 .js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53305094/
相关文章:
javascript - 单击子 div 时不会调用父 onclick() 事件
javascript - html 我需要用图形代替 vcr 控件的文本来控制数据库中的状态
javascript - jQuery.keypad 性能问题
python - 如何在 Python virtualenv 中安装 lessc 和 nodejs?
javascript - D3 图表似乎超出了 x 轴(画笔效果的裁剪问题)
javascript - 如果内部 html 包含特定字符串,如何隐藏 div
javascript - AngularJs 为什么在 ng-disabled 函数上 undefined object ?