iconfont在cordova打包vue的应用中图标不显示

  • 在使用cordova打包vue的apk应用的过程中遇到一个问题:通过cordova serve android 指令 运行 然后在浏览器里面通过http://localhost:8000/android/www/index.html#/ 图标都能正常显示、但是在真机app上却无法显示   
  •  原因是在引入iconfont.css文件的问题  错误的引入方式

            

<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1756687_5e1jgxmrs.css">

  

  • 问题的原因是  在真机上、用双斜杠//的引用方法在app上是无法识别不出来的、这也造成图标无法显示、所以必须加上 http: 或者 https: 
  • PS:重新将vue项目编译、然后使用cordova打包一次、替换真机上面的app、图标就能正常显示了!!!
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1756687_5e1jgxmrs.css">

posted @ 2020-04-20 10:50  乄天気之子  阅读(580)  评论(0)    收藏  举报