文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用Laravel 4 api调用在Ionic 4中本地获取图像

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

Stack Overflow用户

提问于 2019-04-24 00:02:17

回答 1查看 394关注 0票数 0

我正在从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)

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

image

api

ionic4

laravel

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-24 00:09:01

您对图像的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'" >

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/55815211

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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