Visual Studio 2019 网站Bin目录下图片无法显示且目录缺失如何解决？

解决方法 #

第一步：将Bin文件夹添加到Visual Studio项目列表 #

• 打开解决方案资源管理器，点击顶部的「显示所有文件」图标，被隐藏的Bin文件夹会以半透明状态展示
• 右键点击Bin文件夹，选择「包括在项目中」即可在项目文件列表中看到该文件夹

第二步：解除Bin目录静态资源访问限制（不推荐长期使用） #

Bin目录是.NET项目默认的程序集存储目录，默认被服务端规则拦截，禁止访问静态资源，如果你坚持要在该目录存放图片，可在项目根目录的web.config中添加如下配置：

<configuration>
  <system.webServer>
    <security>
      <requestFiltering>
        <hiddenSegments>
          <remove segment="bin" />
        </hiddenSegments>
      </requestFiltering>
    </security>
  </system.webServer>
</configuration>

提示：该操作会暴露Bin目录下的所有文件，存在明显安全风险，仅建议临时调试使用

更安全的替代方案 #

建议在项目根目录新建专用的images文件夹存放所有图片资源，修改你的图片引用代码为：
<img src="images/Piotr.png" alt="Piotr" width="25" height="25" />
不需要修改任何安全配置即可正常访问，也符合.NET项目的静态资源管理规范。

内容的提问来源于stack exchange，提问作者0si1ck