Как получить изображение в Ionic 4 с помощью Laravel 4 api call локально

Question

Я получаю вызов API локально из Laravel 4 как

{"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'" >