当我处于生产模式时，图像不会加载到离子电容器中，但它处于开发模式

Posted 2023-03-22

【中文标题】当我处于生产模式时，图像不会加载到离子电容器中，但它处于开发模式

【英文标题】：image does not load in Ionic Capacitor when I am in production mode, but it is in development mode

【发布时间】：2021-09-25 20:13:59

【问题描述】：

在我的项目中，我使用 javascript Image 类在我的代码中加载图像。

我在开发环境测试的时候，图片完美融合，在我的项目中可以很好的使用，其实我拿到的是url，是这样的：

“http://192.168.1.101:8100/assets/App__-_Logo.jpg”

但是当我在生产模式下编译应用程序时，图像被跳过，显然它确实加载了它，因为没有出现错误，承诺正确完成，但是当我尝试使用图像时它没有效果，好像它不存在， 我得到了你有电容器的 url，我注意到它是不同的：

"电容器：//localhost/assets/App__-_Logo.jpg"

这是唯一的区别

在电容生产模式下加载图像有什么技巧吗？

我正在使用 Ionic / Angular 使用 promise 和 await 来正确处理实现以等待图像加载

【参考方案1】：

不久前我遇到了这个确切的问题。

我想出的快速修复方法是将图像上传到网络服务器以获得 HTTPS 地址，并且它不会在不同环境之间改变。

这样，对我来说效果很好。

虽然每次应用需要时都保存该 get 会更好，但这是唯一可行的方法。

如果您知道其他解决方法，请告诉我。