繁体   English   中英

使用Flask和静态路径链接.js文件[重复]

Link .js files using Flask and static path [duplicate]

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

这个问题已经在这里有了答案:

我一生中第一次使用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 and /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>

但是出于一个未知的原因,它不起作用,我认为这是因为我需要以一种未知的特殊方式导入它们。

1 个回复

您应该以与导入CSS相同的方式来导入它们。

例如:

<script src="{{ url_for('static', filename='static/js/app.js') }}"></script>
1 使用 Flask 提供静态 CSS 和静态视频文件

我设置了一个 Flask 服务器来渲染原始 MP4 视频。 我可以通过设置app = Flask(__name__, static_folder=&lt;video_folder&gt;)来播放存储在 Flask 项目文件夹之外的视频。 但这会导致 Flask 无法找到网站项目文件夹中存储的 CSS ...

2 使用Flask服务React包和静态文件?

我正在使用Flask / Gunicorn服务器来服务我的React构建和我的静态文件。 两者都存储在同一个/ static /文件夹中,如下所示: 我可以使用下面的以下代码之一: 服务index.html做出反应: 提供音频文件(例如/static/finished123.mp ...

3 Pythonanywhere中的Flask和静态路径url问题

我创造 我的css文件在/home/Domemakarov2013/webapp_ML/assets/dist/css/bootstrap.css 然后在main.html我打电话 我从服务器500内部服务器收到错误消息,但是如果我删除此行,它将起作用。 我怎样才能解决这个问题? 谢谢 ...

4 使用render_templete和静态文件,在Flask中速度更快

我正在使用Heroku中的Flask开发一个Web应用程序。 我的网站将有k个新闻页面。 每个页面的信息都存储在数据库中。 当用户在Web浏览器中发出请求时,可以使用Flask中的render_templates()生成返回的页面。 问题是,当所有用户都请求同一页面时,同一页面将多次调用 ...

5 django和静态CSS加js文件

我在django上做了一个小应用程序,它正在使用模板。 每个模板都使用静态文件,例如css,js和images。 所有这些文件都与模板位于同一目录中。 是否有配置django开发服务器以加载这些文件而不编辑html模板文件? 我正在接收 settings.py中的此更改 ...

6 Flask,CherryPy和静态内容

我知道有很多关于Flask和CherryPy以及静态文件的问题,但我似乎仍然无法使其工作。 这里有一个片段可以在CherryPy上部署Flask应用程序: http : //flask.pocoo.org/snippets/24/ 是否有快速修改让wsgiserver服务于烧瓶应用程 ...

7 Numpy和静态链接

我在一个大型集群上运行Spark程序(为此,我没有管理权限)。 numpy未安装在工作节点上。 因此,我将numpy与我的程序捆绑在一起,但是我收到以下错误: 该脚本实际上非常简单: 我知道发生错误是因为numpy动态加载multiarray.so依赖项,即使我的numpy. ...

8 CMake 和静态链接

我在一个项目中使用 CMake,我试图静态链接一些库。 我已经设置: 而且我在寻找实际库时已经确定我拥有它们的 *.a 版本。 目前项目导入: 找到所有库,并且在进行动态/共享链接时,它们工作正常。 我还尝试设置编译标志: 但无济于事。 虽然我在编译时没有遇到任何问题,但链接会为上述库 ...

9 OpenJDK和静态链接

OpenJDK是在GPL下发布的,带有Classpath例外,它允许将专有代码与其链接。 假设有人要使用GCJ之类的编译器(我搜集到它已经有点烂了,但是没有技术原因不能使其更新?)来将程序与OpenJDK Java标准库静态链接。 据我了解,基于FSF的立场(即GPL不区分静态链接和动态 ...

10 Glade和静态链接

如果我在FreeBSD 8下静态链接GTK +程序,则gtk_builder_add_from_file()突然返回错误: 如何解决? 通过动态链接,一切正常。 更新 :链接通过以下方式完成: 换句话说,在Makefile中,我有: ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM