部署到 Github Pages 后，Angular 图像未显示

Question

我是角度新手。我最近将一个示例网页部署到了 Github Pages。我部署成功，但本地主机上可见的图像没有显示。相反，我在控制台上登录了 404。

这是包含以下内容的组件img：

home.component.html ：

<div>
    <img src='assets/images/birthday.jpg' alt='Happy Birthday' width="385px"/>
</div>

我的目录结构是：

   |src
   |--app
   |--assets
    |---images
     |----birthday.jpg

文件夹中的目录结构dist为：

   |dist
   |--happy-birthday
    |--assets
     |---images
      |----birthday.jpg

我正在使用angular-cli-ghpages包进行部署。我的角度版本是10.0.14.

Answer 1

尝试使用/assets/images/birthday.jpg.