Flask-webage背景图像不起作用

时间:2015-07-16 21:47:24

标签: python css flask background-image

下面是一个简单的HTML代码

的index.html

   d3.json("~/Data/graph.json", function (error, graph) {
       graph.links.forEach(function (d) {
        d.source = graph.nodes[d.source];
        d.target = graph.nodes[d.target];
       });

这是我的Flask代码:

app.py

~

当我尝试检查页面时出现此错误:   GET http://127.0.0.1:5000/static/images/back.png-404(NOT FOUND)

我通读了其他几个论坛,但找不到任何解决方案。我的图片位于以下文件夹中:

Flaskapp         模板         静态的               图片                      back.png

当我打开index.html文件时,它工作正常,但是当我尝试运行python文件来运行服务器时,背景图像看不到。

不确定如何继续。

1 个答案:

答案 0 :(得分:4)

将静态文件夹放在烧瓶应用程序旁边

/FlaskApp
    -app.py
    static/
        images/
             -back.png
    templates/
         -index.html
         ....

你甚至不应该告诉烧瓶......它只会知道

<强> app.py

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

@app.route("/")
def main():

    return render_template("index.html")

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