Cordova 打包 Vue 项目到Android打开白屏

简介: Cordova 打包 Vue 项目到Android打开白屏问题解决方案,更改 publicPath 属性值为 ./。

Cordova 打包 Vue 项目到Android打开白屏问题解决方案


一. 修改 vue.config.js


更改 publicPath 属性值为 ./ , 如下


module.exports = {
  publicPath: './',
  outputDir: 'dist/',
  devServer: {
      open: false
  }
}


二. 修改 router.js


更改 mode 属性值为 hash, 如下


import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
  mode: 'hash',
  base: '/',
  routes: []
})
export default router


目录
相关文章
|
11天前
|
安全 Java Android开发
05. 【Android教程】Android 程序签名打包
05. 【Android教程】Android 程序签名打包
12 1
|
30天前
|
移动开发 JavaScript 应用服务中间件
vue打包部署问题
Vue项目`vue.config.js`中,`publicPath`设定为"/h5/party/pc/",在线环境基于打包后的`dist`目录,而非Linux的`/root`。Nginx代理配置位于`/usr/local/nginx/nginx-1.13.7/conf`,包含两个相关配置图。
vue打包部署问题
|
30天前
|
Android开发
Android 分享机顶盒项目的封装类《GridView》(二)(转)
Android 分享机顶盒项目的封装类《GridView》(二)(转)
20 2
|
1天前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的安卓的微博客系统的详细设计和实现
基于SpringBoot+Vue+uniapp的安卓的微博客系统的详细设计和实现
5 0
|
4天前
|
开发框架 Dart 开发工具
|
7天前
|
Java Android开发 Swift
探索安卓与iOS开发的差异:平台选择对项目成功的影响
在移动应用开发的浩瀚宇宙中,安卓和iOS这两大星系以其独特的引力影响着开发者的航向。本文将穿梭于这两个平台的开发环境、编程语言、用户界面设计、性能优化以及市场分布等方面,揭示它们之间的核心差异。我们将通过比较分析,为开发者提供决策时的参考坐标,帮助他们根据项目需求和目标受众选择合适的平台。加入我们,一起揭开安卓与iOS开发的神秘面纱,探索它们如何塑造移动应用的未来。
|
8天前
|
JavaScript
Vue项目的打包方式(生成dist文件)
Vue项目的打包方式(生成dist文件)
|
25天前
|
JavaScript Android开发
|
29天前
|
设计模式 缓存 Java
补齐Android技能树——从AGP构建过程到APK打包过程,安卓rxjava面试
补齐Android技能树——从AGP构建过程到APK打包过程,安卓rxjava面试
|
30天前
|
Java Linux 调度
Android 打包分析
Android 打包分析
26 2