vue2+cordova打包后assets中的图片无法显示的问题

原创 创建时间:2019-05-15 访问量:276 赞:0 踩:0

工程目录结构如下所示:

web目录是vue的工程目录,外层是cordova工程,没有什么特别的。只是将web中的vue工程的编译输出目录改成cordova中的www目录。

/* eslint-disable no-unused-vars */
module.exports = {
outputDir: '../www',
publicPath: './',
chainWebpack: config => {}
}


这样就可以启动示例工程了,在浏览器中都OK的,到手动端Vue logo图片就无法显示了,找了一圈,结果是:

router路由定义中的mode不能为'history',在手动商就不能是这个值,把这个mode配置去掉,或者改成'hash'。路由定义在router.js文件中。

vue工程是使用vue-cli 3 建的,黙认mode是history,这就是原因所在,而且,网络也没有关于这个方面的说明,还是在vue-cli-plugin-cordova插件说明中找到的。

当然你也可以使用vue add cordova插件,这会在vue工程中添加一个cordova工程,并且自动修改一些手机端不支持的属性,比如mode,道理与之前一样的,只要将vue的输出目录改到cordova中的www目录即可。

参考:https://www.npmjs.com/package/vue-cli-plugin-cordova

更多关于vue2+cordova打包后assets中的图片无法显示的问题请访问:
相关资源列表:
更多资源请访问:
评论
 我想说:
==已经到底了==
关注: 粉丝: 积分:
工联信息网
如有问题请致邮箱:need@glxxw2018.com(仅限本站无法查询到的资料);本站能够查询到的资料请关注“工联信息网”公众号,通过页面提供的资源码查询!
不良信息反馈及侵权投诉建议请致邮箱:accusation@glxxw2018.com