如何在 Angular 6 Frontend 上显示存储在 laravel .env 配置路径中的图像？答案

【问题标题】：How to display on Angular 6 Frontend the images stored on the laravel .env configuration path?如何在 Angular 6 Frontend 上显示存储在 laravel .env 配置路径中的图像？
【发布时间】：2019-06-18 05:02:08
【问题描述】：

我想在我的一个编辑页面中显示妻子和丈夫的护照图像，其中前端是 angular 6，后端是 Laravel 5.5.44。我不知道如何采用前端的那个 src 路径（给 img src）。我有一个 .env 文件，文件上传路径为

我的文件夹结构是这样的：

这里 “ERP_Project”是服务器端的laravel代码

“Erp_UI”是前端的angular 6代码

“Uploads”是根据 laravel 的 .env 配置存储图片的文件夹

APP_UPLOADS_URL=http://localhost/Uploads

如何将文件的url路径传递给前端？

【问题讨论】：

从前端 (Angular 6) 向服务器 (Laravel) 发起 API 调用，并在加载 Angular 组件后获取 URL。

标签： angular laravel

【解决方案1】：

通过刀片指令，您可以使用 php {{ CODE }}

那么你可以通过这种方式访问环境变量{{ env('APP_UPLOADS_URL', 'default/path/if/env/dont/work) }}

【讨论】：

我需要以localhost:8000 的格式获取文件的网址，以便在前端而不是刀片中提供标记...。它怎么能？