如何使用 Laravel 4 api 本地调用在 Ionic 4 中获取图像

Question

我正在从 Laravel 4 获取 API 本地调用作为

{"id":10,"catname":"Digital","img":"uploads\/Pz1pnU_digital.png","created_at":"2018-03-04 19:08:39","updated_at":"2018-03-04 19:08:39"},

这些值在Ionic 4中有显示，只是图片不显示，Ionic 4代码如

<ion-item button *ngFor="let item of (results | async)" [routerLink]="['/', '', item.catname]">     
        <ion-label text-wrap>
          <h3>{{ item.id }}</h3> <h3>{{ item.catname }}</h3> 
        </ion-label> 
        <ion-thumbnail slot="start">
          <img [src]="item.img" *ngIf="item.img != 'N/A'" >           
        </ion-thumbnail>
 </ion-item>

我收到错误，

 GET http://localhost:8100/uploads/Pz1pnU_digital.png 404 (Not Found)

我错过了什么..我真的被困在这里...

Answer 1

您对图像的 GET 请求未定向到您的 Laravel，它正试图从 Ionic 应用程序中提取。

您需要将 src 指向您的 Laravel 站点。

像这样：

<img [src]="'yourwebsite.com' + item.img" *ngIf="item.img != 'N/A'" >

您的直接解决方案：

<img [src]="'localhost:8000' + item.img" *ngIf="item.img != 'N/A'" >

如何使用 Laravel 4 api 本地调用在 Ionic 4 中获取图像

How to fetch image in Ionic 4 with Laravel 4 api call locally

api

image

laravel

ionic4