Angular前端无法加载图片问题求助

• 调整图片存放位置：将EMPLogo4.png移动到项目的src/assets目录下（若该目录不存在则手动创建）。
• 修改图片引用路径：
  将app.component.html中的代码改为：

  <img src="assets/EMPLogo4.png" alt="emp-log">
  

  或者使用Angular推荐的属性绑定语法：

  <img [src]="'assets/EMPLogo4.png'" alt="emp-log">
  

• 检查资源配置：打开项目根目录下的angular.json文件，找到architect -> build -> options -> assets节点，确保其中包含"src/assets"，配置示例：

  "assets": [
    "src/favicon.ico",
    "src/assets"
  ]
  

  若你不想移动图片，需将图片所在目录直接加入assets数组，比如图片放在src根目录时：

  "assets": [
    "src/favicon.ico",
    "src/assets",
    "src/EMPLogo4.png"
  ]
  

• 重启开发服务：修改angular.json后，必须重启ng serve命令，新的资源配置才会生效。

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