猿问

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;

}


largeQ
浏览 170回答 3
3回答

慕村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="&nbsp;{{&nbsp;url_for('static',&nbsp;filename='&nbsp;style.css')&nbsp;}}"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^第二个是造成问题的原因。第一个只是糟糕的形式。

慕森王

我想指出几点。首先,导入的地方有一个尾随逗号,有时它会弄乱程序。其次,尝试在 url_for 中指定子目录 CSS 并删除文件名开头的空格,这解决了我的问题:<link rel="stylesheet" type="text/css" href="{{ url_for('static',&nbsp;filename='css/style.css') }}">
随时随地看视频慕课网APP

相关分类

Html5
我要回答