ERR_SSL_PROTOCOL_ERROR与图像源Razor页面

Question

我目前正在做一个ASP。NET Core应用程序与Razor页面。API端点托管在预生产服务器中。当我通过api获得与api存储在同一服务器中的图像链接，并希望在razor页面中显示它时，由于ERR_SSL_PROTOCOL_ERROR，图像无法显示。当我检查元素并获得图像标签的src并在新选项卡中打开它时，它将打开。此外，如果我在html页面中使用该源，它仍然打开。由于预生产服务器没有配置ssl证书，那么剃刀页面的PageModel抽象类是否有机会对其进行任何验证，因为它在纯html上工作?编辑:
我从API提供图像标记为html:

<a href ="http://imagesourceIPExample">
<img src="http://imagesourceIPExample">
</a>

我从ajax请求中获得字符串

$.ajax({
//ajax call params,
success: function(data){
$(`#messageDiv`).append(data.message);
}
}).

现在，当我检查页面并单击锚标记中的链接时，我将打开良好。如果我从视图中点击它。但是图像没有显示，并且控制台显示SSL_PROTOCOL_ERROR。图片链接是http.

Answer 1

首先，razorPageModel不验证图像加载。

似乎你正在使用安全的https网站，然后当你附加普通http图像链接时，浏览器拒绝加载它们，因为它的混合内容策略。但是当你在一个单独的窗口中加载图像时它会很好地加载因为"混合内容"问题解决了，您只加载http资源，不涉及https。

考虑将您的图像链接转换为https，它应该解决这个问题。