cordova打包vue写的app

本文共有1081个字,关键词:

问题:如何使用cordova打包vue
解决:和cordova开发差不多,但需要修改一下打包时的config/index.js和index.html
方法:
1、修改index.html

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

在id=app的div下增加cordova.js

<script type="text/javascript" src="cordova.js"></script>

2、修改src/main.js

document.addEventListener('deviceready', function() {
new Vue({
    el: '#app',
    router,
    store,
    template: '<App/>',
    components: { App }
})
window.navigator.splashscreen.hide()

}, false);
3、修改build下的index.js

assetsSubDirectory: '',
assetsPublicPath: '',

参考:

https://www.jianshu.com/p/25d797b983cd
版权声明:本文为作者原创,如需转载须联系作者本人同意,未经作者本人同意不得擅自转载。
添加新评论
暂无评论