uni-app开发踩坑记录

nelly521

已于 2023-10-27 16:01:58 修改

阅读量124

点赞数

文章标签：前端 vue.js html5 json

于 2023-04-10 09:45:37 首次发布

本文链接：https://blog.csdn.net/nelly521/article/details/130052282

版权

文章介绍了使用HbuilderX开发uni-app的步骤，包括软件安装要求（全英文路径），运行到小程序模拟器和安卓App模拟器的配置，以及真机调试设置。特别强调了安卓模拟器的USB调试开启和不同模拟器的端口设置。此外，还提到了uniapp页面跳转的方法，如switchTab和navigateTo的使用场景。

摘要由CSDN通过智能技术生成

HbuilderX开发uni-app

1.软件安装HbuilderX，模拟器，微信开发者工具都要安在全英文文件夹下，Program Files下，如安Program Files（x86）会报错。

2.运行>运行到小程序模拟器，文字一定要写到<text>标签里

3.运行配置

3.1安卓App手机模拟器，真机调试设置

运行>运行到手机或模拟器 >运行到Android App基，需配配置安卓模拟器，推荐使用“逍遥模拟器”，如不显示数据，建议更换其他模拟器测试（根据操作系统，有的模拟器不好用）
工具> 设置 >运行配置

记得在手机模拟器，设置>系统设置>开发者选项>开启usb调试(设置>系统设置>开发者选项>默认usb配置>选 usb网络共享），若没有开发者选项，设置>关于平板电脑>版本号位置连续点击多次，即可开启。不同模拟器的模拟端口不同，请网上自行查找。

3.2 浏览器设置

运行>运行到浏览器

3.3小程序模拟器设置

4.浏览器，小程序模拟器，真机数据调试

注运行到真机或安卓模拟器，本机调试，接口文件地址一定要写本机ip

这样写不行，浏览器，小程序模拟器可以读出数据，但安卓模拟器，手机都读不到数据，正确写法如下：Win10设置本机IP方法

5.uniapp跳转连接

back_to_me:function(){
		console.log("没有都会觉得");
		uni.switchTab({  //页面有tabBar要用此方法
		url:'/pages/Home_Page_File/me/me'
		})
	},

addinfo:function(){
	uni.navigateTo({ 
	url:'/pages/circle_of_friends/send_info/send_info'
		})
	}

当使用navigateTo无法跳转时，查看是否设置到了底部选项卡tabBar，如果是可使用uni.switchTab(来跳转即可。一定要记得在page.json中进行填加。