本地角度应用找不到我的资产文件夹图像



我正在本地处理一个项目,在获取要显示的图像时遇到问题。我相信一切都是正确的,但似乎无法准确定位或调试这个问题。我得到的错误是:

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

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

嵌套到angular.json中:项目>projName>架构师>构建>选项>资产(在测试中也是相同的(

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

通过将图像从asset/img文件夹拖动到html上创建的html img标记。

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

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

附言:我已经将这个项目从一个angular应用程序转换为一个monoreo,并将大多数嵌套在更深一层的项目特定文件移到了客户端文件夹中。我认为这可能与此有关,但我不确定除了我所做的改变之外,在项目中应该做什么改变,才能让图像显示出来。

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

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

希望有用

最新更新