当前位置:   article > 正文

uni-app项目以及将其运行到手机_uniapp开发的微信小程序如何在手机上查看

uniapp开发的微信小程序如何在手机上查看

一、运行到手机

1.首先在电脑上安装Total Contral 这个软件,然后通过它的提示会在手机上也安装此软件,当然前提是你得用数据线把手机连接在电脑上。
2.之后把uni-app项目选择运行到手机
或模拟器这个选项,如果手机和电脑链接成功的话会出现你的手机提示的,然后经过一步步提示会通过电脑在手机上安装HbuilderX调试底座。
3.当一切看似都很成功,但是项目确无法运行的时候,重点来了
原因是***网域***问题,必须把前后端的ip地址(有Ip地址的地方)都统一换为你当下电脑的ip地址(在cmd中通过ipconfig指令查询),才能成功在手机上运行uni-app项目。

二、页面跳转

刚开始项目只在电脑浏览器或者HbuilderX内置浏览器运行时,我用return this.$router.push('../award/award');跳转,
在这里插入图片描述

都可以跳转,运行没问题,但是当项目运行到手机上时,错误出现了
在这里插入图片描述

Cannot read property ‘push’ of undefined
说push没定义

问过同学之后才知道push是一种方法(啥方法怎么用咱也不知道哈),push或许并不是uin-app能用的东西,只是恰好我这里可能某种原因契合了,所以就浏览器运行时就可以跳的通。接下来说解决办法:
根据uni-app官网,路由页面跳转有这几种,我只说两种我用到的
在这里插入图片描述
我只说两种我用到的

1.应用内页面跳转

navigateTo跳转,这是uni-app自己的API,用了就没问题(嘻嘻)
我自己这个跳转是不带参数不传值,只实现跳转的功能,所以除url外其他参数都不用设置
在这里插入图片描述

2.应用外向应用内跳转

应用外向应用内跳转用uni.reLaunch
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/295067
推荐阅读
相关标签
  

闽ICP备14008679号