Flask 在 static 文件上返回 404，而不考虑到 static 文件夹的路径

Question

我正在尝试使用 flask 访问 csv 文件和两个 json 文件，这些文件保存在名为 ZA832247D456E959 的文件夹中。 即使我在我的代码中提到了 static 文件夹，我的 map.js 文件运行时仍然存在以下 404 问题。

"GET / HTTP/1.1" 200 
"GET /%7B%7B%20url_for('static',%20filename%20=%20'topo_E08000025.json')%20%7D%7D HTTP/1.1" 404 
"GET /%7B%7B%20url_for('static',%20filename%20=%20'/static/sampleproperty3.csv')%20%7D%7D HTTP/1.1" 404
"GET /%7B%7B%20url_for('static',%20filename%20=%20'/static/sampleproperty3.csv')%20%7D%7D HTTP/1.1" 404

我到处看了看，但似乎无法弄清楚出了什么问题。

我希望代码能够获取 static 文件夹中的数据，而不是返回 404 错误。

python 代码：

from flask import Flask,render_template, url_for


app = Flask(__name__)

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

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

map html 代码：

<!doctype html>
<html>
    <head>
        <script src="https://d3js.org/d3.v5.min.js"></script>
        <script src="https://momentjs.com/downloads/moment.min.js"></script>
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script src="https://rawgit.com/nstrayer/slid3r/master/dist/slid3r.js"></script>
        <script src = "https://unpkg.com/topojson@3.0.2/dist/topojson.js"></script>
        <script src = "https://d3js.org/colorbrewer.v1.min.js"></script>
        <script src = "{{ url_for('static', filename = 'mapFunctions.js') }}"></script>
        <link rel="stylesheet" href= "{{ url_for('static', filename = 'map.css') }}">

    </head>

    <body style = "background-color:gray">
        <script src = 'static/map.js' ></script>
    </body>

map javascript 代码：

const svgHeight = 550;
const svgWidth =  $(window).width(); // Uses Jquery to find the width of the window and set the svg width to that so it fills up the entire window
const svgPadding = 500;
let active = d3.select(null);
let filteredData ;
let radicusScale ;
let selected;
let originalTranslation ;
let locationLsoas = d3.json("topo_E08000025.json");
let locationWards = d3.json("topo_ward.json");
let properties = d3.csv("sampleproperty3.csv");

Answer 1

使用render_template渲染的 HTML 文件应位于templates文件夹下，而不是static下。

这些 HTML 文件使用的文件 (CSS/JS) 应位于static文件夹下。

我强烈建议使用 IDE 之类的 PyCharm 并从空白flask项目开始。 这将为您提供一个模板。

供您参考，示例层次结构应如下所示：

|static/
|---css/
|------style.css
|templates/
|---index.html
|app.py

我的 app.py 代码：

from flask import Flask, render_template

app = Flask(__name__)


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


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

我的 index.html 代码（注意我访问 css 文件的方式）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css">
</head>
<body>
    <h1>Header</h1>
</body>
</html>

希望这可以帮助。 祝你好运。

Flask 在 static 文件上返回 404，而不考虑到 static 文件夹的路径

问题描述

1 个解决方案

解决方案1
3 2019-11-18 00:32:05

Flask 在 static 文件上返回 404，而不考虑到 static 文件夹的路径

问题描述

1 个解决方案

解决方案1 3 2019-11-18 00:32:05

解决方案1
3 2019-11-18 00:32:05