ionic 3 build后图片无法显示

运行命令

ionic cordova build android

生成了android-debug.apk.

/home/han/project/zero_app/platforms/android/build/outputs/apk/debug/android-debug.apk

在真机上安装完之后,打开发现登录的背景图片没有正常显示出来(之前ionic serve和ionic cordova run android -lc命令都是正常显示的),一番查资料后发现跟cordova打包机制有关系,打开项目根目录下的www文件夹,如下图

最后我们得出结论:

  1. 图片路径在.html文件中设置,应为
    <img src="assets/imgs/logo.png">
    

      

  2. 图片路径在.scss文件中设置,应为
    background-image: url(../assets/imgs/logo.png);   
    

      

posted @ 2018-07-17 12:45  韩帅  阅读(475)  评论(0编辑  收藏  举报