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吗?我知道这非常简单。


当前回答

如果你只是想打开一个文件,你可以使用app.open_resource()。读取文件看起来就像这样

with app.open_resource('/static/path/yourfile'):
      #code to read the file and do something

其他回答

使用重定向和url_for

from flask import redirect, url_for

@app.route('/', methods=['GET'])
def metrics():
    return redirect(url_for('static', filename='jenkins_analytics.html'))

这个服务器在你的html中引用的所有文件(css & js…)

最简单的方法是在主项目文件夹中创建一个静态文件夹。包含。css文件的静态文件夹。

主文件夹

/Main Folder
/Main Folder/templates/foo.html
/Main Folder/static/foo.css
/Main Folder/application.py(flask script)

图像的主文件夹包含静态和模板文件夹和烧瓶脚本

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")
def login():
    return render_template("login.html")

html(布局)

<!DOCTYPE html>
<html>
    <head>
        <title>Project(1)</title>
        <link rel="stylesheet" href="/static/styles.css">
     </head>
    <body>
        <header>
            <div class="container">
                <nav>
                    <a class="title" href="">Kamook</a>
                    <a class="text" href="">Sign Up</a>
                    <a class="text" href="">Log In</a>
                </nav>
            </div>
        </header>  
        {% block body %}
        {% endblock %}
    </body>
</html>

html

{% extends "layout.html" %}

{% block body %}
    <div class="col">
        <input type="text" name="username" placeholder="Username" required>
        <input type="password" name="password" placeholder="Password" required>
        <input type="submit" value="Login">
    </div>
{% endblock %}

对于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,因为它不能推断文件名或内容类型等内容。

所有的答案都很好,但对我来说工作得很好,只是使用Flask的简单函数send_file。当host:port/ApiName将在浏览器中显示文件的输出时,当你只需要发送一个html文件作为响应时,这种方法很有效


@app.route('/ApiName')
def ApiFunc():
    try:
        return send_file('some-other-directory-than-root/your-file.extension')
    except Exception as e:
        logging.info(e.args[0])```