在 nginx docker 容器中运行的 Angular 应用程序无法访问卷中的图像答案

【问题标题】：Angular app running in nginx docker container cannot access images in a volume在 nginx docker 容器中运行的 Angular 应用程序无法访问卷中的图像
【发布时间】：2021-02-15 10:33:32
【问题描述】：

我有一个 Angular 应用程序，它使用 docker nginx 映像托管在我的本地计算机上。
图像运行正常，我可以使用 localhost:port 通过浏览器访问 Angular 应用程序，但是我有一个问题，即应用程序无法从附加到容器的卷中加载图像。

我已经在我的 component.html 中尝试过：

<img mat-card-image src="/data/path/to/img.jpg"  alt="Image">

但图片只显示替代文字。

在控制台显示错误：

img.jpg:1 GET http://localhost:8080/data/path/to/image.jpg 404 (Not Found)

我也尝试将 img src 设置为 nginx html 文件夹的相对路径，但这也给了我类似的错误消息。

如何让我的 Angular 应用显示来自 docker 卷的图像？

谢谢

【问题讨论】：

添加：我的 nginx 控制台中的错误显示此/“webapp | 2021/02/15 21:36:35 [error] 29#29: *1 open()”/usr/share /nginx/html/data/path/to/img.jpg”失败（2：没有这样的文件或目录），客户端：172.21.0.1，服务器：localhost，请求：“GET /data/path/to/img.jpg HTTP/1.1"，主机："localhost:8080"，引用者："localhost:8080/library""

标签： angular docker nginx

【解决方案1】：

已解决：

我只需要将我的卷挂载到 nginx 公共 html 文件夹。

【讨论】：