简体繁体 English

引导CSS和JS不在heroku上加载

[英]bootstrap CSS and JS not loading on heroku

原文 2015-11-14 21:48:00 0 1 css/ twitter-bootstrap/ heroku

I made a chatroom with Node.JS and Socket.io. 我与Node.JS和Socket.io建立了一个聊天室。 I'm using bootstrap CSS and JS in my project for things like tabs and carouser. 我在项目中使用Bootstrap CSS和JS处理选项卡和旋转木马。 The website looks and works perfect on my local server, here aresome screenshots: 该网站在我的本地服务器上看起来和运行正常，下面是一些屏幕截图：

but when I pushed the same code on my github and deployed it on heroku, every thing is just cluttered: https://doclerchat.herokuapp.com/ 但是当我在github上推送相同的代码并将其部署在heroku上时，一切都变得混乱了： https : //doclerchat.herokuapp.com/

Here is the source code on GitHub: https://github.com/anshul119/chatapp/ 这是GitHub上的源代码： https : //github.com/anshul119/chatapp/

Seems like Bootstrap CSS and JS aren't loading thats why only those specific things are creating problems. 似乎Bootstrap CSS和JS无法加载，这就是为什么只有那些特定的东西才产生问题的原因。 How can I resolve this issue? 我该如何解决这个问题？

Any help is appreciated. 任何帮助表示赞赏。

1 个解决方案

So, as @vanburen commented, this solved the problem: 因此，正如@vanburen所说，这解决了问题：

Change your requests to the CDN from http to https: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstra‌p.min.css and https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap‌.min.js 将对CDN的请求从http更改为https：https: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstra‌p.min.css和https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap‌.min.js