Почему не подключается css и js?

Question

[assadasd93]

Пишу сайт с помощью flask_socketio. Но по какой-то причине не подключается css и js, хотя все указано верно. Когда запускаю просто html, то все подгружается. Для рендеринга шаблона использую следующее:

@app.route('/')
def index():
    return render_template('index.html', async_mode=socketio.async_mode)

В чем может быть причина?

Comments

[Сергей Горностаев]

Покажите как подключаете css и js.

[assadasd93]

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>

Подключаю в head

[assadasd93]

Сергей Горностаев, <> убрал, так как с ними удаляет сайт это

[Сергей Горностаев]

assadasd93, просто используйте форматирование исходного кода.

[assadasd93]

Сергей Горностаев, то есть?

[Сергей Горностаев]

assadasd93, то есть когда вставляете код в вопрос, ответ или комментарий на тостере, используйте соответствующую кнопку.

[assadasd93]

Сергей Горностаев, так в чем может быть причина проблемы?

[Сергей Горностаев]

assadasd93, а на диске ваши файлы как лежат?

[assadasd93]

Сергей Горностаев, - css папка
- js
- сам html файл
при запуске чисто шаблона без самого питона, все нормально и все подгружается

Answer 1

[Сергей Горностаев]

Статика должна лежать в каталоге static, когда раздаётся Flask'ом:

├───static
│   ├───css
│   │       style.css
│   │
│   └───js
│           script.js
│
├───templates
│       hello.html
│
│   app.py

И соответственно, ссылки должны содержать имя каталога static:
<script src="/static/js/script.js"></script>

А ещё лучше использовать специальный тег

<script src="{{ url_for('static', filename='js/script.js') }}"></script>

Comments

[assadasd93]

спасибо)

[asdevlog]

Спасибо!

[Maksim]

спасибо большое!

Answer 2

[Astrohas]

вам нужно как-то раздавать статику. Юзайте nginx или что-то другое для этого. А пока можете вручную создать обработчики для директорий по типу

from flask import Flask

# set the project root directory as the static folder, you can set others.
app = Flask(__name__, static_url_path='path/to/staic/')

<link rel="stylesheet" type="text/css" href="/static/style.css">

*****