时间戳

首页 > 解决方案 > 除非 F5 刷新页面，否则部署在 heroku 上的网页显示空白背景

javascript - 除非 F5 刷新页面，否则部署在 heroku 上的网页显示空白背景

问题描述

我正在使用 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)

提前致谢！！！

标签： javascripthtmlcssflaskbootstrap-4

解决方案

这确实是一个无法修复的错误——它与浏览器加载页面和说，嘿，你能帮我得到这张图片之间的时间有关吗？并且服务器正在运行，我会寻找它 - 好的，找到了，给你！ 当然，如果页面上还有多人，它也会受到影响。因此，除非您找到更快的 Web 服务器，否则它实际上并不能更快地加载。你和 Bootstrap 可能在 CSS 中有一些冲突的规则，这意味着你的图像被部分截断。

询问我是否需要任何帮助！

推荐阅读