【问题标题】:ionic3 GET http://localhost:8100/null 404 (Not Found)ionic3 GET http://localhost:8100/null 404(未找到)
【发布时间】:2018-03-16 18:07:32
【问题描述】:

不知道为什么总是给我显示这个错误,但是ionic3项目可以正常运行。

这是显示的内容:

【问题讨论】:

    标签: angular typescript ionic-framework ionic2 ionic3


    【解决方案1】:

    我正在使用离子 4 角度 对我来说很好。

    【讨论】:

    • 请不要回答“我也是”。另外,您错过了 []
    • 这与stackoverflow.com/a/51513057/5468463 的答案相同,但错误地使用了 src,应该是 [src] 或 {{imageUrl}}
    • 谢谢你纠正我。是的,它会是
    【解决方案2】:
    <img [src]="imageUrl || 'assets/images/defaultimage.png' ">
    
    

    【讨论】:

    • 请添加更多详细信息以支持您的帖子。
    【解决方案3】:

    添加这个&它将解决您的查询&lt;img *ngIf="imageUrl" [src]="imageUrl"&gt;

    【讨论】:

      【解决方案4】:

      请添加更多代码,以便我们指出错误的确切原因,但鉴于该描述,您似乎在任何页面的某处包含了一张图片,并且正在设置该图片的 src从服务器获取一些信息后动态地,比如

      <img [src]="imageUrl">
      

      其中imageUrl 是组件代码中的一个属性。

      问题在于,当 Angular 尝试加载页面时,此 imageUrl 为 null,因此图像的来源是 null(这就是为什么您在尝试从 http:localhost:8100/null 获取图像时得到 404 的原因;那以null 结尾是因为在视图中创建图像元素时该属性为null

      您可以通过添加额外的检查来防止该错误,例如

      <img *ngIf="imageUrl" [src]="imageUrl">
      

      所以只有当源准备好时才会添加图像。

      【讨论】:

      • 谢谢,这让我很烦很长时间。
      • 谢谢,这也解决了我的问题!即使 src 是异步加载的,它也可以工作
      • 这也发生在ionic4中,解决了我在ionic4中的问题。谢谢
      猜你喜欢
      • 2020-02-23
      • 1970-01-01
      • 2018-11-10
      • 2021-09-14
      • 2018-08-01
      • 1970-01-01
      • 1970-01-01
      • 2020-12-01
      相关资源
      最近更新 更多