Blazor开发求助：本地图片路径无法在网页中显示问题

• 不要使用本地绝对路径（file:///C:/...），浏览器的安全限制会阻止Web应用直接访问本地文件系统，这就是你能通过Ctrl+点击打开图片但网站运行时无法显示的原因。
• 正确操作步骤：
  1. 将图片放到Blazor项目的wwwroot文件夹下，建议创建子文件夹（比如wwwroot/images）来统一管理图片资源。
  2. 使用相对路径引用图片：
     • img标签写法：<img src="images/hero-range-1.jpg" alt="Background Image" />
     • CSS背景图写法：background-image: url('/images/hero-range-1.jpg');（开头的斜杠表示从wwwroot根目录开始定位资源）
  3. 检查图片文件属性：右键图片文件 → 属性 → 确保“复制到输出目录”设置为“如果较新则复制”或“始终复制”，保证发布项目时图片能被正确包含。

内容的提问来源于stack exchange，提问作者Megan Paterson