为什么Bootstrap主题没有通过Node.js上的https模块上传？

Question

我使用bootstrap和nodejs创建了一个Web界面页面。当我使用http模块时，我的界面在浏览器中显示得很好，但是当我使用https打开它时，该主题就不会像其他主题那样出现（导航栏也不会出现，因此许多其他功能）。 我使用了以下链接进行引导：

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

我也用过：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

进入浏览器控制台，出现以下错误：

[blocked] The page at 'https://192.168.43.155:4000/signin' was loaded over HTTPS, but ran insecure content from 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css': this content should also be loaded over HTTPS.



[blocked] The page at 'https://192.168.43.155:4000/signin' was loaded over HTTPS, but ran insecure content from 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js': this content should also be loaded over HTTPS.

Answer 1

查看浏览器控制台是否报告任何错误。 您可能在https站点上从http cdn附加了脚本和样式，因此您的浏览器将其阻止，因为它违反了安全性。

代替http://maxcdn.bootstrapcdn.com/...使用https://maxcdn.bootstrapcdn.com/...作为引导脚本和样式的来源。 然后，它将同时在“ http”和“ https”站点上工作。

Answer 2

因此，您的问题在于，当您进行https调用时，文件无法安全地拉出，当您的网站运行HTTPS时，所有链接都应得到保护。

因此，一种用于CDN相关链接的简单解决方案，只需删除http :，默认情况下所有链接都将使用客户端网站默认使用的内容。

所以：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

Answer 3

如果您仍在寻找答案，这就是我发现的内容。 我只是有同样的问题。 解决问题的方法是找到所有以http://开头的外部链接，并仅用//代替。 例如， http://bootstrap.com/.../ //bootstrap.com/.../更改为//bootstrap.com/.../ 。 这样，它将根据连接以及要应用的协议进行选择。

希望这可以帮助。