如何处理不安全的 XMLHttpRequest 端点 [重复]

Question

我对编码非常陌生，但我的网站有问题。我收到一条错误消息：

混合内容：“ajax-utils.js:34”处的页面混合内容：“https://daringtrifles.github.io/courserahtmlcssjavascript/module5realsol/index.html”处的页面是通过 HTTPS 加载的，但请求了不安全的 XMLHttpRequest 端点“http://davids-restaurant.herokuapp.com/categories.json”。此请求已被阻止；内容必须通过 HTTPS 提供

这是我的 AJAX 代码。请大家告诉我我的错误在哪里以及如何解决它们？

(function(global) {

  // Set up a namespace for our utility
  var ajaxUtils = {};


  // Returns an HTTP request object
  function getRequestObject() {
    if (window.XMLHttpRequest) {
      return (new XMLHttpRequest());
    } else if (window.ActiveXObject) {
      // For very old IE browsers (optional)
      return (new ActiveXObject("Microsoft.XMLHTTP"));
    } else {
      global.alert("Ajax is not supported!");
      return (null);
    }
  }


  // Makes an Ajax GET request to 'requestUrl'
  ajaxUtils.sendGetRequest =
    function(requestUrl, responseHandler, isJsonResponse) {
      var request = getRequestObject();
      request.onreadystatechange =
        function() {
          handleResponse(request,
            responseHandler,
            isJsonResponse);
        };
      request.open("GET", requestUrl, true);
      request.send(null); // for POST only
    };


  // Only calls user provided 'responseHandler'
  // function if response is ready
  // and not an error
  function handleResponse(request,
    responseHandler,
    isJsonResponse) {
    if ((request.readyState == 4) &&
      (request.status == 200)) {

      // Default to isJsonResponse = true
      if (isJsonResponse == undefined) {
        isJsonResponse = true;
      }

      if (isJsonResponse) {
        responseHandler(JSON.parse(request.responseText));
      } else {
        responseHandler(request.responseText);
      }
    }
  }


  // Expose utility to the global object
  global.$ajaxUtils = ajaxUtils;


})(window);

Answer 1

你的错误在这里：

request.open("GET", requestUrl, true);

requestUrl 是http://davids-restaurant.herokuapp.com/categories.json 我猜。您只需稍微更改该 URL。

更改您的请求网址

http://davids-restaurant.herokuapp.com/categories.json

到

https://davids-restaurant.herokuapp.com/categories.json.

只需在您的http 中添加一个“s” -> https 现在它应该可以工作了。