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

时间:2018-12-08 05:28:00

标签: javascript html css flask bootstrap-4

我正在使用Python微框架flaskvanilla JavaScriptFlask-SocketIO进行群聊程序。我已经在herokuhttps://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)

提前谢谢!

1 个答案:

答案 0 :(得分:0)

这确实是一个无法修复的错误-与浏览器加载页面和说出嘿,您能帮我得到这张图片之间的时间有关吗?和服务器运行 I '将寻找它-好,找到它了,到这里开始!当然,如果页面上同时包含多个人,也会受到影响。因此,除非您找到一个更快的Web服务器,否则它实际上并不能更快地加载。而且您和Bootstrap在CSS中可能有一些冲突的规则,这意味着您的图像已被部分切除。

如果需要任何帮助,请问我!