在用cli4.0创建了一个vue项目,在某一个组件中使用了一个img标签。项目build后,通过Hbuilder打包成app,其他可以功能均正常,只有图片不显示。经过查找资料,发现解决办法都是cli旧版本的方法,即在文件中进行配置,但是新版的cli根本没有这些文件。而后,经过测试发现,是路由的模式使用了history模式所影响,将其更改为哈希模式后,再次打包成app,运行在手机上可以正常显示图片。
补充:除以上论述外,还需要在vue.config.js配置文件中,增加路径配置,如:
publicPath: process.env.NODE_ENV === "production" ? '././' : '././'
如果不加,打包后,图片一样不会显示,这点需要特别注意。