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

Question

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

@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>        

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

Answer 1

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