从Apache服务器获取图像到托管在tomcat服务器上的Web应用程序中

Question

我已经构建了一个spring-boot web应用程序。它托管在端口80上的tomcat服务器上。

为了从服务器动态加载图像，我使用xampp提供的apache服务器。所有图像都可以在端口9090上访问。

在我的web应用程序代码中，我在url中加载带有localhost:9090的图像，如下所示。

<img th:src="@{${'http://localhost:9090/COVID/DD/' + item.imageFileName}}" class="card-img-top rounded-0"  />

问题：由于url路径为localhost，因此当我使用服务器的公共ip查看web应用程序时，不会加载图像。

如何在不将主机硬编码为localhost的情况下从端口9090获取图像？

Answer 1

如果我理解正确，您希望从同一主机但不同的端口获取图像。

你可以使用URL API：

const url = new URL(window.location.origin)
url.port = 9090
console.log(url)