图片未在 Angular 应用程序上加载

Question

我已经在 cli 上使用带有 deploy-url 选项的构建命令构建并部署了一个 Angular 应用程序，如下所示：

ng b -deploy-url /portal/

我的脚本运行良好，但资产文件夹中的所有内容都在控制台上显示为 404 未找到。我假设 deploy url 选项会修复这个问题以及脚本？当我检查控制台中的元素时，url 前面似乎没有“/portal/”。

<img _ngcontent-c0="" alt="User Avatar" id="user-avatar" src="../assets/users/profile/WebDevelopWolf.png">

所以我假设它在错误的位置寻找资产文件夹？在这种情况下，我不确定它需要什么才能找到也不会破坏我的本地测试的文件夹，它只是使用直接 ng serve 命令提供的。

为了以防万一，我已将其作为应用程序部署到 Windows 2016 服务器。

Answer 1

你必须给出相对路径

src="assets/users/profile/WebDevelopWolf.png"

Angular 始终指向 angular.json 中提供的资产文件夹。