為什么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/.../ 。 這樣，它將根據連接以及要應用的協議進行選擇。

希望這可以幫助。