将Angular应用程序部署到Github页面时不显示图像

Question

<div class="container">
    <img class="img" src="../../../assets/green-tea.png" alt="plant">
</div>

在我的情况下，当我使用上述代码在localhost中运行Angular应用程序时，它工作正常。但是，当我将其构建并部署到Github页面时，不会加载图像。

但是当将图像的路径更改为

<div class="container">
    <img class="img" src="./assets/green-tea.png" alt="plant">
</div>

像这样，它可以在Github页面中使用。但是现在它不在本地主机中。

使用../../../assets/green-tea.png构建应用程序时，有没有一种方法可以自动将./assets/green-tea.png的路径更改为ng build --prod