Css Ошибка «GET /static/%20style.css HTTP / 1.1» 404 - Использование Pycharm 3.8.1 - PullRequest
0 голосов
/ 03 апреля 2020

Я провел почти день, пытаясь выяснить, почему мой файл css не будет работать с моим файлом html. Все ответы о переполнении стека у меня не сработали.

Буду признателен за любую помощь, которую смогу получить на этом этапе. Я использую python 3.8.1 с установленным flask и использую 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)    

Вот индекс . html код файла Я хотел бы, чтобы CSS отображался на

<!DOCTYPE html>
<html lang="en">
<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;
}

Ответы [ 2 ]

0 голосов
/ 03 апреля 2020

Я хотел бы отметить пару вещей.
Во-первых, у вас есть конечная запятая, в которую вы импортируете, иногда она портит программу.
Во-вторых, попробуйте указать подкаталог CSS в url_for и удалите пробел в начале имени файла, что решило мою проблему:

<link rel="stylesheet" type="text/css" href="{{ url_for('static', 
filename='css/style.css') }}">
0 голосов
/ 03 апреля 2020

Удалить лишние пробелы

href=" {{ url_for('static', filename=' style.css') }}">
      ^                               ^

Второй является причиной проблемы. Первый - просто плохая форма.

...