UI 使用 https 后休息

Question

我在 php.and 有一个网站是 ssl 安全的当我用 http:// 尝试时它工作正常
但是当我使用 https:// 访问它时，它的 UI 中断了。

我正在使用这个代码

if (isset($_SERVER['HTTPS']) &&
    ($_SERVER['HTTPS'] == 'on' || $_SERVER['HTTPS'] == 1) ||
    isset($_SERVER['HTTP_X_FORWARDED_PROTO']) &&
    $_SERVER['HTTP_X_FORWARDED_PROTO'] == 'https') {
    $protocol = 'https';
}
else {
    $protocol = 'http';
 }

请告诉我问题。

提前致谢。

Answer 1

大多数浏览器会阻止不安全的内容（通过 http 提供的内容）

您还需要将指向 CSS 和 javascript 文件的链接更改为 https：

<script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script>  
<script src="http://pmiplanet.com/newTemplate/build/javascripts/bootstrap.min.js" type="text/javascript"></script>   
<script src="http://pmiplanet.com/newTemplate/build/javascripts/modernizr.custom.js" type="text/javascript"></script>

如果您将它们更改为类似

<script src="//code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>

他们将使用与父网站相同的协议（这意味着如果您使用 https 请求页面，他们将使用 https）。

Answer 2

如果您查看浏览器的控制台，您会发现以下错误：

发生这些错误是因为您在 https 上加载，但在 http 上请求资源，出于安全原因，这并不总是被允许。使用 https 时，您应该 加载 https 上的每个资源。

要解决这个问题，您应该使用相对路径更改资源链接，如下所示：

/path/to/resource.css

或在 https 上提供它们，如下所示：

https://pmiplanet.com/path/to/resource.css

UI 使用 https 后休息

UI Get break after using https

css

php

ssl

https