当我处于生产模式时，在Ionic Capacitor中图片无法加载，但在开发模式下可以。

Question

4

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

当我在开发环境中测试时，图像完美地集成在一起，并且我可以很好地在项目中使用它，实际上我得到了URL，它是这样的：

"http://192.168.1.101:8100/assets/App_-_Logo.jpg"

但是，当我以生产模式编译应用程序时，该图像被跳过，显然它确实加载了它，因为没有出现错误，Promise正确完成，但是当我尝试使用该图像时，它没有任何效果，就好像它不存在一样。

我使用capacitor获取了您拥有的URL，并且我注意到它不同：

"capacitor: //localhost/assets/App_-_Logo.jpg"

这是唯一的区别

是否有什么技巧可以在Capacitor中以生产模式加载图像？

我正在使用Ionic / Angular。该实现通过承诺和等待来正确处理图像的加载。

- F Chachos

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ing. Alejandro Villalón · Accepted Answer

我曾经面临过这个问题。

我想到的解决办法是将图片上传到Web服务器以获得HTTPS地址，并且它不会在环境之间改变。

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

虽然最好每次App需要时都保存该获取，但这是唯一有效的方法。

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