html - 在服务器上使用应用程序时图像抛出 404 错误

Question

嗨，我在网上检查了几个答案，但这些都没有奏效，我找到了应该是最多答案的图像。问题是我有一个加载器组件，其中包含一个加载器，它在我的应用程序中执行某些操作时会弹出，它需要一些时间来加载。在本地它工作得很好，但是当我在服务器上使用它时，它会为需要在加载器圈内显示的图像引发 GET 404 错误。我正在使用 Angular 7。

目前我在这里有图片：src/assets/image/logo.jpg

这就是它在组件中的外观：<img src="../../assets/image/logo.jpg">

我的工作空间是这样的：src --> app --> loader --> loadingComponent

什么可能导致它在本地运行良好但在 Tomcat 服务器上运行应用程序时不起作用的问题

标签： htmlangularimage

Answer 1

将图像 src 更改为绝对路径。

<img src="/assets/image/logo.jpg">

当您在应用程序的更深处使用组件时，您应该考虑情况。这会破坏您的相对路径，因此绝对路径是更好的解决方案。

/assets默认情况下，目录是从根路径提供的，因此您无需担心。