So this is embarrassing. I've got an application that I threw together in Flask and for now it is just serving up a single static HTML page with some links to CSS and JS. And I can't find where in the documentation Flask describes returning static files. Yes, I could use render_template but I know the data is not templatized. I'd have thought send_file or url_for was the right thing, but I could not get those to work. In the meantime, I am opening the files, reading content, and rigging up a Response with appropriate mimetype:
import os.path
from flask import Flask, Response
app = Flask(__name__)
app.config.from_object(__name__)
def root_dir(): # pragma: no cover
return os.path.abspath(os.path.dirname(__file__))
def get_file(filename): # pragma: no cover
try:
src = os.path.join(root_dir(), filename)
# Figure out how flask returns static files
# Tried:
# - render_template
# - send_file
# This should not be so non-obvious
return open(src).read()
except IOError as exc:
return str(exc)
@app.route('/', methods=['GET'])
def metrics(): # pragma: no cover
content = get_file('jenkins_analytics.html')
return Response(content, mimetype="text/html")
@app.route('/', defaults={'path': ''})
@app.route('/<path:path>')
def get_resource(path): # pragma: no cover
mimetypes = {
".css": "text/css",
".html": "text/html",
".js": "application/javascript",
}
complete_path = os.path.join(root_dir(), path)
ext = os.path.splitext(path)[1]
mimetype = mimetypes.get(ext, "text/html")
content = get_file(complete_path)
return Response(content, mimetype=mimetype)
if __name__ == '__main__': # pragma: no cover
app.run(port=80)
有人愿意给出一个代码示例或url吗?我知道这非常简单。
对于angular+样板流，它创建下一个文件夹树:
backend/
|
|------ui/
| |------------------build/ <--'static' folder, constructed by Grunt
| |--<proj |----vendors/ <-- angular.js and others here
| |-- folders> |----src/ <-- your js
| |----index.html <-- your SPA entrypoint
|------<proj
|------ folders>
|
|------view.py <-- Flask app here
我使用以下解决方案:
...
root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "ui", "build")
@app.route('/<path:path>', methods=['GET'])
def static_proxy(path):
return send_from_directory(root, path)
@app.route('/', methods=['GET'])
def redirect_to_index():
return send_from_directory(root, 'index.html')
...
它有助于重新定义“静态”文件夹自定义。
在生产环境中，在应用程序前面配置HTTP服务器(Nginx, Apache等)，从静态文件夹向/static提供请求。专用的web服务器非常擅长有效地提供静态文件，尽管与低容量的Flask相比，您可能不会注意到差异。
Flask自动创建一个/static/<path:filename>路由，它将在定义你的Flask应用程序的Python模块旁边的静态文件夹下提供任何文件名。使用url_for链接到静态文件:url_for('static'， filename='js/ analysis .js')
您还可以使用send_from_directory在自己的路由中提供来自某个目录的文件。这接受一个基本目录和一个路径，并确保该路径包含在目录中，从而可以安全地接受用户提供的路径。如果您希望在提供文件之前检查某些内容，例如登录用户是否具有权限，那么这可能非常有用。
from flask import send_from_directory
@app.route('/reports/<path:path>')
def send_report(path):
return send_from_directory('reports', path)
不要对用户提供的路径使用send_file或send_static_file。这将使您暴露于目录遍历攻击。Send_from_directory的设计目的是安全地处理已知目录下用户提供的路径，如果该路径试图逃离该目录，则会引发错误。
如果在内存中生成一个文件而不将其写入文件系统，则可以将BytesIO对象传递给send_file，使其像文件一样提供服务。在本例中，您需要将其他参数传递给send_file，因为它不能推断文件名或内容类型等内容。
基于其他答案的一个最简单的工作示例如下:
from flask import Flask, request
app = Flask(__name__, static_url_path='')
@app.route('/index/')
def root():
return app.send_static_file('index.html')
if __name__ == '__main__':
app.run(debug=True)
使用名为index.html的HTML:
<!DOCTYPE html>
<html>
<head>
<title>Hello World!</title>
</head>
<body>
<div>
<p>
This is a test.
</p>
</div>
</body>
</html>
重要提示:index.html在一个名为static的文件夹中，这意味着<projectpath>有.py文件，<projectpath>\static有html文件。
如果你想让服务器在网络上可见，使用app.run(debug=True, host='0.0.0.0')
EDIT:如果需要显示文件夹中的所有文件，请使用此选项
@app.route('/<path:path>')
def static_file(path):
return app.send_static_file(path)
这基本上就是黑曼巴的答案，所以给他们点赞。
对于angular+样板流，它创建下一个文件夹树:
backend/
|
|------ui/
| |------------------build/ <--'static' folder, constructed by Grunt
| |--<proj |----vendors/ <-- angular.js and others here
| |-- folders> |----src/ <-- your js
| |----index.html <-- your SPA entrypoint
|------<proj
|------ folders>
|
|------view.py <-- Flask app here
我使用以下解决方案:
...
root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "ui", "build")
@app.route('/<path:path>', methods=['GET'])
def static_proxy(path):
return send_from_directory(root, path)
@app.route('/', methods=['GET'])
def redirect_to_index():
return send_from_directory(root, 'index.html')
...
它有助于重新定义“静态”文件夹自定义。
