CSS 错误“GET /static/%20style.css HTTP/1.1”404
我花了几乎一天的时间试图弄清楚为什么我的 css 文件不能与我的 html 文件一起使用。所有堆栈溢出答案对我都不起作用。
我将不胜感激此时能得到的任何帮助。我正在运行安装了 Flask 的 python 3.8.1，并使用 pycharm。 点击这里查看我的文件结构截图， 这是主要的python文件代码：
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)
这是我希望CSS显示的index.html文件代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<h1> Title </h1>
<h2>Second headline</h2>
<body>This is an orange test6</body>
</head>
<body>
<link rel="stylesheet" type="text/css" href=" {{ url_for('static', filename=' style.css') }}">
</body>
</html>
这是我在 pycharm 中运行该文件时看到的错误：
“GET / HTTP/1.1” 200 - “GET /static/%20style.css HTTP/1.1” 404 -
这是 CSS 代码：
h1{
color: yellow;
}
body {
color: orange;
}
h2 {
color: pink;
}
largeQ3回答
-
慕村9548890
问题是你的index.html 文件。你有两个 <body> 标签，其中一个被你的 <head> 标签吞没了。CSS 的链接位于第二个 < body > 标记中。你在那里做了非常奇怪的编程。这应该可行，我刚刚也使用您的文件结构尝试过<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='CSS/style.css')}}"></head><body> <h1> Title </h1> <h2>Second headline</h2> <p>This is an orange test6</p></body></html> -
翻过高山走不出你
删除多余的空格href=" {{ url_for('static', filename=' style.css') }}"> ^ ^第二个是造成问题的原因。第一个只是糟糕的形式。 -
慕森王
我想指出几点。首先，导入的地方有一个尾随逗号，有时它会弄乱程序。其次，尝试在 url_for 中指定子目录 CSS 并删除文件名开头的空格，这解决了我的问题：<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/style.css') }}">
随时随地看视频慕课网APP
相关分类
Html5
