vue用cordova打包成app后，路由不正常工作

最新推荐文章于 2023-03-03 15:37:44 发布
最新推荐文章于 2023-03-03 15:37:44 发布
阅读量896 收藏 1
点赞数
分类专栏： cordova vue 文章标签： cordova
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42877655/article/details/105769995
版权
vue 同时被 2 个专栏收录
21 篇文章 4 订阅
订阅专栏
cordova
10 篇文章 0 订阅
订阅专栏

在浏览器里可以正常使用，但是一旦打包成手机app就会出现问题，也不报错，现实的首页也可以正常使用，就是不能跳转，上网查了一下问题的原因可能是你的路由地址有问题，打包后cordova识别不了。

在我检查了一段时间后发现是这个，删掉就好，不影响你的任何操作

router.js 路由管理文件

new VueRouter({
  routes,
  // mode: 'history'  <<<<  这个删了就好
})
BUG先行者
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue使用$router.push路由跳转页面直接无响应卡死
qq_40155431的博客
07-04 1万+
使用$router.push的时候页面直接卡死是怎么回事，通过网页直接输入URL是可以路由访问该页面。
vue页面内嵌iOS App搁置一段时间后this.$router.push跳转失效
xjh的博客
11-18 3125
最近发现了一个问题页面内嵌在App内搁置一段时间后跳转失效了 原本以为是@click失效了 测试后发现点击有效 this.$router.push未生效 感觉像是this失效了 this.$router.push({ path: '/home' }) 解决办法 1.引入router 使用router.push进行跳转 import router from "@/router" router.push({ path:'/home' }) 2.使用a标签跳转 3.使用wind
vue踩坑之H5页面在ios的webview里面，长时间放到后台按钮失灵
weixin_45630548的博客
03-03 1007
在ios上应用切到后台后，再次进入会因为加载打包后的某些文件加载失败导致页面中的跳转按钮失灵
cordova+vue 项目打包成APK应用遇到的问题和解决方法
weixin_30586257的博客
05-09 546
公司前端界面用的是vue，我要嵌入到Android中生成App第一步：安装nodenode安装：直接进入官网https://nodejs.org/zh-cn/，下载最新版本安装。安装之后在命令行中使用”node -v” 检查安装是否成功。npm安装：由于新版的nodejs已经集成了npm，所以node安装时npm也一并安装好了。同样可以通过输入 “npm -v” 来测试是否成功安装。第二步：安装c...
解决cordova+vue 项目打包成APK应用遇到的问题
10-17
主要介绍了解决cordova+vue 项目打包成APK应用遇到的问题,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vue移动端项目打包成app
01-08
这几天 我做了一个vue移动端的小项目 就想着打包成 app安装在手机上看看 我就讲解下整个思路和过程 首先项目开发完之后 （我使用的是vue-cli 3.*版本） 在项目文件夹下创建一个 vue.config.js module.exports ...
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
10-14
主要介绍了vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
10-14
主要介绍了浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
android 代理网络请求失败,Android高版本http网络请求失败的Cordova配置处理
weixin_39568706的博客
05-26 389
问题出现的原因是因为Android高版本(Android 6.0)以上默认使用TLS保护用户信息，详见以下文档：Transport Layer Security摘录关键信息如下：Android致力于保证其用户、设备和数据的安全。我们保证数据安全的一种方式是通过保护所有进入或离开使用TLS技术的Android设备数据。正如我们在Android P开发人员预览版中所宣布的那样，我们通过默认阻止Andr...
CORDOVA+VUE打包APK文件无法访问数据接口
jiwufeiyang的博客
08-01 3843
CORDOVA+VUE打包APK文件无法访问数据接口 CORDOVA+VUE打包后运行APP，但是app中的数据请求都失败了，原因是安装的Android SDK版本较高，默认开启了对非加密明文传输的保护，所以通过http网络请求数据不会成功。 解决方法：进入项目文件夹 cordova platform remove android cordova platform add android@6.3...
cordova Vue打包
青阳的博客
05-05 201
cordova创建项目seedApp cordova create seedApp Cordova创建应用出错 Cordova安装时不能使用cnpm 应该使用npm，cnpm虽然快但是后期出的错绝对比这省下来的时间多得多。 正确安装方法 npm install -g cordova 将镜像修改为淘宝镜像 二、vue项目导入：将Vue项目除了：node_modules及.git文件...
vue 使用this.$router.replace、this.$router.go、this.$router.push 等进行页面跳转不生效
絮落锦乡的博客
03-27 8214
一、问题描述 vue 在使用页面跳转的时候，发现页面总是不调转，或者地址变了，页面不刷新等问题 二、解决方案 1、排查页面是否使用了beforeRouteLeave ，如果使用了该函数，意味着路由被拦截下来进行处理了，这个时候做完逻辑处理后必须要加上 next() 函数，才能让路由继续跳转，否则页面将不会跳转。 2、排查页面是否报错，哪个方法未定义。 3、检查路由配置是否正常。 ...
vue+cordova 开发混合app入门指南
一米阳光
10-17 9077
本文介绍基于VUE+cordova开发混合式APP 执行命令: 一：npm install -g vue-cli   安装全局vue 二：vue init webpack porjectNme  （projectName是项目名字） 三：cd porjectNme 四：npm install --registry=https://registry.np
vue-router实现路由跳转
shichong123的博客
07-28 2194
用了一个多月的vue了，发现路由跳转的方式还挺多，现在上干货： 1.返回上个页面(不带参数) this.$router.go(-1); 2.指定跳转的地址(不带参数) this.$router.replace('/menu'); // '／'后为页面的地址, 3.跳转指定路由的名字下（不带参数） this.$router.replace({name,'menuLink'});...
构建vue-cli与cordova的开发环境
猿子
12-25 1769
0、安装nodejs 一、安装vue-cli 1、使用npm全局安装vue-cli（前提是你已经安装了nodejs，否则你连npm都用不了），在cmd中输入一下命令 npm install --global vue-cli 2、创建自己的工作空间，在cmd切换至刚刚创建好的工作空间，如果已经有工作空间，直接切换到工作空间即可。使用命令创建一个叫做vuetest的项目 vue ...
cordova 打包vue 集成的app , router-view 默认首页白屏
weixin_33674976的博客
03-06 676
1.项目采用cordova+vue的一套东西开发的webAPP 2 在build 过h5后 ，build APP时 ，router-view 默认首页白屏 解决 方法： vue 的router配置上架 mode::'history' ，注释掉 想细：https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8...
Vue搭配cordova创建移动端项目遇到的路径问题
AboyL的博客
06-07 1829
使用Vue的教授叫vue-cil创建项目以后，如果我们想进行打包成一个hybrid项目应该怎么做呢？这个时候我们需要全局安装cordova，然后进行打包。但是这里我们要注意一些路径问题。 首先我们要明白的是，cordova打包打包的是那些内容？cordova打包的是www文件夹下的内容，也就是说，我们的内容应该都在www文件夹下面，而我们的源代码要放到src下面去，vue-cil的index.h...
vue2 cordova打包apk
最新发布
08-24
为了将Vue打包成APK，你可以使用Vue Cordova这种方法。下面是具体的步骤： 1. 首先，你需要创建一个Cordova项目。你可以使用以下命令在终端中创建一个Cordova项目： ``` cordova create cordova-app com.ysh mapp `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值