Question

我目前通过byethost免费托管以下PHP文件：

<?php
ini_set('display_errors', 1);
ini_set('display_startup_errors', 1);
error_reporting(E_ALL);
session_start();
try {
  if(array_key_exists('id',$_SESSION) && !empty($_SESSION['id'])) {
    header("Location: ../../search.php");
    exit();
  }
} catch (Exception $e) {
  echo 'Caught exception: ',  $e->getMessage(), "\n";
}
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="robots" content="noindex">
    <link rel="stylesheet prefetch" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css">
  </head>
  <body>
    <!-- modal -->
    <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Forgot Password</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <form class="modal-body">
            <div class="form-group">
              <label class="control-label">Email Address</label>
              <input class="form-control" name="email" type="email" required="required" />
            </div>
          </form>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Email Password</button>
          </div>
        </div>
      </div>
    </div>

    <!-- main -->
    <div class="container">
      <div class="row justify-content-md-center justify-content-lg-center">
        <form action="/assets/php/login.php" class="col-md-8 col-lg-6 align-self-center" method="post" role="form" style="margin-top: 5em;">
          <fieldset>
            <legend class="text-center border border-primary border-left-0 border-right-0">Account Login</legend>
            <div class="alert alert-danger alert-dismissible fade show text-center d-none" role="alert">
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
              Invalid login. Username and/or password is incorrect.
            </div>
            <div class="form-group">
              <label class="control-label">Email Address</label>
              <input class="form-control" name="email" type="email" required="required" />
            </div>
            <div class="form-group">
              <label class="control-label">Password</label>
              <input class="form-control" name="password" type="password" required="required" />
            </div>
            <div class="form-group">
              <input class="btn btn-lg btn-primary btn-block" type="submit" value="Log In" />
            </div>
          </fieldset>
          <a href="#" data-toggle="modal" data-target="#frmForgotPassword">Forgot Password?</a>
        </form>
      </div>
    </div>

    <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
  </body>
</html>

我遇到了一个问题，只有在Chrome上，我的脚本和样式表才会加载。我收到以下错误：

GET https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css net::ERR_INSECURE_RESPONSE
index.php:63 GET https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js net::ERR_INSECURE_RESPONSE
bootstrap.min.js:6 Uncaught Error: Bootstrap dropdown require Popper.js (https://popper.js.org)
    at bootstrap.min.js:6
    at bootstrap.min.js:6
    at bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
(anonymous) @ bootstrap.min.js:6
index.php:6 GET https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css net::ERR_INSECURE_RESPONSE

我不明白的是，我正在直接从twitter-bootstrap get started 页面复制和粘贴CDN，我的PHP代码按预期执行，并且在每个浏览器中都可以Chrome操作正确加载bootstrap，popper和jQuery。

为什么只有在Chrome中才能加载它们？

更新 - 我当前的Chrome版本为61.0.3163.91

更新＃2 - 显然，这是Chrome专用的内容，因为每当我将代码插入codepen中的小提琴时，同样的事情就会发生。

chrome bootstrap net :: ERR_INSECURE_RESPONSE

0 个答案: