问题:如何使用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