Asp.Net Razor 页面无法显示图像答案

【问题标题】：Asp.Net Razor Page cannot display imageAsp.Net Razor 页面无法显示图像
【发布时间】：2021-06-27 16:14:21
【问题描述】：

我的项目是带有框架 5 的 Asp.net Core App 和问题是我无法使用虚拟目录显示图像示例代码：

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div  class="text-center" >
    //Doesn't work
    <img src="http://mnpalvelin.com/GT_nayttelykuvat/thumb_kuva1.jpg" width="500" />

</div>
<div>

    //this settings work normally
    <img src="~/nayttelykuvat/thumb_kuva1.jpg" width="500" />
</div>

真的是图片必须与页面位于同一网站上吗？

【问题讨论】：

您可以查看此文档以了解有关“混合内容阻止”的更多信息：developer.mozilla.org/en-US/docs/Web/Security/Mixed_content

标签： asp.net-core https mixed-content

【解决方案1】：

在运行您的应用程序时，它使用 HTTPS 协议通过 SSL 加载。因此，浏览器禁止通过 HTTP 加载图像和其他资源。那是因为它强制使用相同的协议加载每个资产。因此，显示图像的 Get 请求升级为 HTTPS，但由于此 URL 不存在，图像无法显示。

【讨论】：