javascript - 为什么我的站点证书在 JQuery AJAX 调用后变得不安全？

Question

我有一个网站使用 JQuery 从位于以下位置的 API 获取信息:https://api.lootbox.eu/ .我正在制作的网站有一个证书，该证书是使用 Let's Encrypts 工具创建和安装的。 (我按照 DigitalOcean 上的教程进行设置)

现在，当我点击一个按钮来调用 API 并更新网站内容时，Google Chrome 会认为该证书“不安全”(显示在地址栏中)。

这是我的代码。

//when the page has fully loaded
$(document).ready(function(){
function parseResponse(data)
{
    //parsing JSON...
    //lets avoid the "data.data"
    response = data.data;

    //set the user's general profile details
    $("#user_avatar").attr("src", response.avatar);
    $("#comp_rank_img").attr("src", response.competitive.rank_img);
    $("#comp_rank").html(response.competitive.rank);
    $("#qp_level").html(response.level);

    $("#qp_playtime").html(response.playtime.quick);
    $("#comp_playtime").html(response.playtime.competitive);
    $("#qp_wins").html(response.games.quick.wins);

    $("#comp_total_games").html(response.games.competitive.played);
    $("#comp_wins").html(response.games.competitive.wins);
    $("#comp_losses").html(response.games.competitive.lost);
}
//goes to the Overwatch API and grabs the JSON data for processing.
function processAjax()
{
    $.ajax({
        url: "https://api.lootbox.eu/pc/us/JuicyBidet-1292/profile"
    }).then( function(response){
        parseResponse(response);
    });
}
//set up the button event listener
$("#submit").click(function(e){
    //prevent the button from reloading the page
    e.preventDefault();
    //run the ajax grabber/processor
    processAjax();
});
});

(我需要学习如何在 SO 问题中正确格式化代码...)。

我的 Chrome 控制台中没有出现任何其他错误(除了“favicon”404ing - 这是不相关的)。

我还在 Microsoft Edge 中尝试过该网站，并在他们的控制台中获得以下信息:SCRIPT7002:XMLHttpRequest:网络错误 0x800c0019，访问此资源所需的安全证书无效。

我在想问题出在我的代码上，或者现在我已经检查过，API 网站的证书在 Chrome 和 Edge 中均无效。

如有任何帮助，我们将不胜感激。谢谢。

(我知道代码很草率，我正在学习)

Answer 1

我收到此警告“此服务器无法证明它是 api.lootbox.eu；其安全证书已在 6 天前过期”这可能是由于以下原因之一。

1.证书不是第三方网站颁发的。

2.第三方站点证书未更新

3.第三方和浏览器连接不安全。