Python 如何在Flask中提供静态文件

所以这很尴尬。我在Flask中集成了一个应用程序，目前它只提供一个静态HTML页面，其中包含一些CSS和JS链接。我在文档

Flask

中找不到描述返回静态文件的地方。是的，我可以使用

render_template

，但我知道数据没有模板化。我本以为

send\u file

或

url\u for

是正确的选择，但我无法让它们发挥作用。同时，我正在打开文件，阅读内容，并用适当的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)

导入操作系统路径
从烧瓶输入烧瓶，响应
app=烧瓶（名称）
app.config.from\u对象（\u名称\u）
def root_dir（）：#pragma:无封面
返回os.path.abspath（os.path.dirname（_文件__））
def get_文件（文件名）：#pragma:无封面
尝试：
src=os.path.join（根目录（），文件名）
#了解flask如何返回静态文件
#尝试：
#-渲染模板
#-发送文件
#这不应该如此不明显
返回打开（src.read）（）
除IOError作为exc外：
返回str（exc）
@app.route（'/'，方法=['GET']）
def metrics（）：#pragma:无封面
content=get_文件（'jenkins_analytics.html'）
返回响应（内容，mimetype=“text/html”）
@app.route（'/'，默认值={'path'：''}）
@应用程序路径（“/”）
def get_资源（路径）：#pragma:无掩护
mimetypes={
“.css”：“文本/css”，
“.html”：“text/html”，
.js:“应用程序/javascript”，
}
complete_path=os.path.join（root_dir（），path）
ext=os.path.splitext（路径）[1]
mimetype=mimetypes.get（ext，“text/html”）
内容=获取文件（完整路径）
返回响应（内容，mimetype=mimetype）
如果(名称)(名称)='(主):(杂注:无封面)
应用程序运行（端口=80）

---

有人想为这个提供一个代码示例或url吗？我知道这将非常简单。

我相信你会在那里找到你需要的东西：

基本上，您只需要在包的根目录下有一个“static”文件夹，然后就可以使用

url\u for（'static'，filename='foo.bar'）

或直接链接到您的文件

编辑：正如评论中建议的那样，您可以直接使用

'/static/foo.bar'

URL路径，但是

URL\u for（）

开销（性能方面）非常低，使用它意味着您可以轻松地定制以后的行为（更改文件夹、更改URL路径、将静态文件移动到S3等）。

我使用的（它一直工作得很好）是一个“模板”目录和一个“静态”目录。我将所有.html文件/Flask模板放在templates目录中，静态包含CSS/JS。据我所知，render_模板适用于通用html文件，而不管您在多大程度上使用了Flask的模板语法。下面是我的views.py文件中的一个示例调用

@app.route('/projects')
def projects():
    return render_template("projects.html", title = 'Projects')

当你想引用单独的静态目录中的某个静态文件时，请确保使用url_for（）。你最终可能会在html中的CSS/JS文件链接中这样做。例如

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

这里有一个到“canonical”非正式烧瓶教程的链接-这里有很多很好的提示，可以帮助您快速入门

---

首选的方法是使用nginx或其他web服务器来提供静态文件；它们能够比Flask更有效地提供静态文件

但是，您可以使用从目录发送文件，这在某些情况下非常方便：

from flask import Flask, request, send_from_directory

# set the project root directory as the static folder, you can set others.
app = Flask(__name__, static_url_path='')

@app.route('/js/<path:path>')
def send_js(path):
    return send_from_directory('js', path)

if __name__ == "__main__":
    app.run()

默认情况下，flask使用“templates”文件夹包含所有模板文件（任何纯文本文件，但通常为

.html

或某种模板语言，如jinja2）&使用“static”文件夹包含所有静态文件（即

.js

.css

和图像）。

---

在

routes

中，您可以使用

render_template（）

来呈现模板文件（如我上面所说，默认情况下，它被放置在

templates

文件夹中），作为对请求的响应。在模板文件中（通常是类似.html的文件），您可能会使用一些

.js

和/或“.css”文件，因此我想您的问题是如何将这些静态文件链接到当前模板文件。

基于其他答案的最简单工作示例如下：

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)

url_for('static', filename = 'name_of_file')
<link rel="stylesheet" href="{{url_for('static', filename='borders.css')}}" />

使用名为index.HTML的HTML：

---

这基本上是BlackMamba的答案，所以给他们一个投票。

你也可以，这是我最喜欢的，设置一个文件夹作为静态路径，这样每个人都可以访问其中的文件

app = Flask(__name__, static_url_path='/static')

使用该设置，您可以使用标准HTML：

<link rel="stylesheet" type="text/css" href="/static/style.css">

---

对于创建下一个文件夹树的角度+样板流程：

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

后端/
|
|------用户界面/
||------------------build/您可以使用此函数：

发送静态文件（文件名）


内部用于发送静态数据的函数
从静态文件夹到浏览器的文件

app=Flask（\uuuuu name\uuuuuu）
@应用程序路径（“/”）
def静态_文件（路径）：
返回应用程序。发送静态文件（路径）
所以我得到了一些有用的东西（基于@user1671599-answer），并想与大家分享

（我希望我做得对，因为这是我在Python中的第一个应用程序）

是我干的-

项目结构：


server.py：

from server.AppStarter import AppStarter
import os

static_folder_root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "client")

app = AppStarter()
app.register_routes_to_resources(static_folder_root)
app.run(__name__)

AppStarter.py：

from flask import Flask, send_from_directory
from flask_restful import Api, Resource
from server.ApiResources.TodoList import TodoList
from server.ApiResources.Todo import Todo


class AppStarter(Resource):
    def __init__(self):
        self._static_files_root_folder_path = ''  # Default is current folder
        self._app = Flask(__name__)  # , static_folder='client', static_url_path='')
        self._api = Api(self._app)

    def _register_static_server(self, static_files_root_folder_path):
        self._static_files_root_folder_path = static_files_root_folder_path
        self._app.add_url_rule('/<path:file_relative_path_to_root>', 'serve_page', self._serve_page, methods=['GET'])
        self._app.add_url_rule('/', 'index', self._goto_index, methods=['GET'])

    def register_routes_to_resources(self, static_files_root_folder_path):

        self._register_static_server(static_files_root_folder_path)
        self._api.add_resource(TodoList, '/todos')
        self._api.add_resource(Todo, '/todos/<todo_id>')

    def _goto_index(self):
        return self._serve_page("index.html")

    def _serve_page(self, file_relative_path_to_root):
        return send_from_directory(self._static_files_root_folder_path, file_relative_path_to_root)

    def run(self, module_name):
        if module_name == '__main__':
            self._app.run(debug=True)

从flask导入flask，从\u目录发送\u
从LASKU restful导入Api，资源
从server.ApiResources.TodoList导入TodoList
从server.ApiResources.Todo导入Todo
类AppStarter（资源）：
定义初始化（自）：
self._static_files_root_folder_path=''默认为当前文件夹
self._app=Flask（uuuu name_uuuuuu）#，static_folder='client'，static_url_path='''）
self.\u api=api（self.\u应用程序）
def_寄存器_静态_服务器（自身、静态_文件_根目录_文件夹_路径）：
self.\u static\u files\u root\u folder\u path=static\u files\u root\u folder\u path
自己
...
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')
...

app = Flask(__name__)
@app.route('/<path:path>')
def static_file(path):
    return app.send_static_file(path)

from server.AppStarter import AppStarter
import os

static_folder_root = os.path.join(os.path.dirname(os.path.abspath(__file__)), "client")

app = AppStarter()
app.register_routes_to_resources(static_folder_root)
app.run(__name__)

from flask import Flask, send_from_directory
from flask_restful import Api, Resource
from server.ApiResources.TodoList import TodoList
from server.ApiResources.Todo import Todo


class AppStarter(Resource):
    def __init__(self):
        self._static_files_root_folder_path = ''  # Default is current folder
        self._app = Flask(__name__)  # , static_folder='client', static_url_path='')
        self._api = Api(self._app)

    def _register_static_server(self, static_files_root_folder_path):
        self._static_files_root_folder_path = static_files_root_folder_path
        self._app.add_url_rule('/<path:file_relative_path_to_root>', 'serve_page', self._serve_page, methods=['GET'])
        self._app.add_url_rule('/', 'index', self._goto_index, methods=['GET'])

    def register_routes_to_resources(self, static_files_root_folder_path):

        self._register_static_server(static_files_root_folder_path)
        self._api.add_resource(TodoList, '/todos')
        self._api.add_resource(Todo, '/todos/<todo_id>')

    def _goto_index(self):
        return self._serve_page("index.html")

    def _serve_page(self, file_relative_path_to_root):
        return send_from_directory(self._static_files_root_folder_path, file_relative_path_to_root)

    def run(self, module_name):
        if module_name == '__main__':
            self._app.run(debug=True)

app = Flask(__name__,
            static_url_path='', 
            static_folder='web/static',
            template_folder='web/templates')

<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">

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

from flask import Flask
app = Flask(__name__)

@app.route('/loading/')
def hello_world():
    data = open('sample.html').read()    
    return data

if __name__ == '__main__':
    app.run(host='0.0.0.0')

from flask import Flask, render_template
app = Flask(__name__)

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

if __name__ == '__main__':
   app.run(debug = True)

<!DOCTYPE html>
<html>
<head>
    <title>Python Web Application</title>
</head>
<body>
    <div>
         <p>
            Welcomes You!!
         </p>
    </div>
</body>
</html>

-demo.py
-templates/index.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])```


/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")

<!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>

{% 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 %}

app = Flask(__name__, static_folder="your path to static")

url_for('static', filename = 'name_of_file')
<link rel="stylesheet" href="{{url_for('static', filename='borders.css')}}" />

static -
       |_ templates
       |_ css
       |_javascript
       |_images