веб-страница, развернутая на героку, показывает пустой фон, если F5 не обновит страницу

Question

Я делаю программу группового чата с использованием микрофраморки Python flask, vanilla JavaScript и Flask-SocketIO.Я уже развернул его на heroku: https://chat -ya.herokuapp.com / .

Однако вопрос заключается в следующем:

он прекрасно работает на локальном компьютере до того, как я его развернул.Но когда я развернул его, откройте веб-сайт, фоновое изображение

1. не отображается или

2. иногда отображается только его часть,или

3. иногда просто мигает и становится пустым

Я пытался оптимизировать размер изображения, но все еще не работает.

дерево структуры данных:

 static
│   ├── css
│   │   ├── index.css(main page css)
│   │   ├── channel.css(channel page css)
│   │   ├── bootstrap.min.cs
│   │   └── all.css
│   ├── images
│   │   ├── aircraft.jpeg
│   │   ├── ....
│   ├── js
│   │   ├── index.js(main page js)
│   │   ├── channel.js(channel page js)
│   │   ├── bootstrap.bundle.min.js
│   │   ├── jquery-3.3.1.slim.min.js
│   │   └── socket.io.js
│   ├── music
│       └── GrandmaSaid.mp3
└── templates
    ├── base.html
    ├── channel.html(channel page)
    └── index.html(main page, extended from base.html)

Заранее спасибо !!!

Answer 1

Это действительно неустранимая ошибка - она ​​связана со временем между загрузкой страницы браузером и сообщением: Эй, вы можете получить это изображение для меня? и сервер работает I 'поищу - ок, нашел, поехали! И, конечно, это повлияет, если на странице будет несколько человек.Поэтому, если вы не найдете более быстрый веб-сервер, он не сможет быстрее загружаться.И у вас с Bootstrap могут быть некоторые противоречивые правила в CSS, которые означают, что ваше изображение частично обрезано.

Спросите меня, нужна ли вам помощь в этом!