本地 angular 应用程序找不到我的资产文件夹图像

Question

我正在本地开展一个项目，但无法显示图像。 我相信一切都是正确的，但似乎无法查明或调试这个问题。 我得到的错误是这样的：

GET http://localhost:4200/assets/img/SS88.jpg 404 (Not Found)

我认为需要正确的所有内容如下所示。 项目文件夹结构导致图像

嵌套到 angular.json 中：projects > projName > Architect > build > options > assets（在测试中也是相同的）

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

通过将图像从资产/img 文件夹拖到 html 上创建的 html img 标签。

<img src="../../../assets/img/SS88.jpg" height="183" width="275" alt="pic"/>

此外，当我在本地构建项目时，图像位于 dist 中的正确文件夹中，并且它不会在 google chrome 的网络选项卡中返回 404 Not Found，但图像仍然没有出现，它显示了替代文本。

PS 我已将此项目从 angular 应用程序转换为 monorepo，并将大多数项目特定文件移动到更深一层的客户端文件夹中。 我的信念是这可能与它有关，但我不确定除了我所做的更改之外，该项目还需要进行哪些更改才能显示图像。

Answer 1

要显示资产文件夹中的图像，请尝试此操作

<img src="assets/img/SS88.jpg" height="183" width="275" alt="pic"/>

希望有用