angular - 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.pngng build --prod

标签： angulargithub-pages