在 Angular + Cordova 应用程序中加载图像

pan*_*lar 3 cordova cordova-plugins angular cordova-android

我让我的 Angular 5 应用程序与 Cordova 一起工作。唯一的问题是图像没有加载。我指定的路径如下所示:

/assets/img/logo.png
Run Code Online (Sandbox Code Playgroud)

我将这些路径用于图像:

<img class="logo-img" src="/assets/img/logo.png">
Run Code Online (Sandbox Code Playgroud)

以及样式内部:

background: url(/assets/img/success-backg.png) no-repeat center center;
Run Code Online (Sandbox Code Playgroud)

这发生在 Android 和 iOS 版本中。

有什么建议?

pan*_*lar 5

我通过替换“/assets/..”来解决这个问题。用'./assets/...'。我在使用相对路径构建 sass 文件时遇到了问题,目前必须在输出文件中进行替换(在 ng build --prod 之后)。Angular CLI 可能也有一些选项来处理这个问题。