手机如何调试本地的uniapp项目开发

最新推荐文章于 2024-08-21 11:11:55 发布

YeJinYang

最新推荐文章于 2024-08-21 11:11:55 发布

阅读量474

点赞数

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/YeJinYang/article/details/127069106

版权

说是uniapp，其实其他的vue和react都差不多，本质和uniapp没啥关系

1，先给项目绑定个域名，比如a.com

2，修改手机的host，a.com指向本地电脑的ip地址（cmd里输入ipconfig可查看）

3，苹果手机无法修改host（越狱的可以），所以需要再借助代理软件，我自己用的是charles

4，安装charles，手机挂上代理。百度有很多

5，在Tools的Map Remote Settings设置映射

6，手机访问a.com，就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

YeJinYang

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

后端程序员的 uni-app 教程

weixin_44062380的博客

11-06

1万+

文章目录一、前言二、课前准备三、小程序入门1、目录讲解2、生命周期3、微信小程序特性1）数据绑定2）条件判断3）列表渲染四、uni-app 核心知识点总览1、条件编译2、接口能力3、知识点小结五、开发环境搭建六、uni-ui七、uni 模板八、SASS1、基础使用2、统一变量3、同级表示九、FLEX 布局十、前后端打通十一、小结一、前言作为一个后端工程师，不会一点前端其实是很吃亏的，因为你写的项目无法对外展示那么，前端技术框架那么多，作为后端的我们该怎么选呢？这里，我极力推荐 uni-app 。un

移动端项目调试

liulina0228的博客

09-29

340

1.本地项目需要再手机上看效果手机和电脑联同一网段的wifi 获得自己电脑的无线局域网IP地址重新启动服务： ngserveAIFridge--host192.168.0.3--port4201 在手机浏览器中输入URL（localhost:192.168.0.3:3000）查看效果 2...

参与评论您还未登录，请先登录后发表或查看评论

uniapp h5手机如何打开本地跑的前端项目进行本地调试

最新发布

漫天随飞雪的博客

08-21

587

在项目的main.js文件中引入vConsole库：import VConsole from 'vconsole'。vConsole是一个轻量级的移动端调试工具，可以在iOS设备上直接调试Uniapp H5应用。3：将这个地址在手机端打开浏览器访问，确保使用的是电脑的局域网IP地址而不是。// 提交前需要注释本地调试使用=》确保你的电脑与手机处于同一网络下，2：找到项目启动后生成的地址，通常在控制台的输出信息中可以找到。1：确保你的电脑与手机处于同一网络下。

本地代码手机调试

spicyIsPleasant的博客

06-30

389

调试

uni-app项目以及将其运行到手机

weixin_42855400的博客

03-16

2258

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

手机跟本机调试

weixin_30787531的博客

04-04

127

一，原理　　将自己的电脑作为DNS服务器，手机设置DNS后，将域名解析到dns服务器设置的ip上。但前提要要保证手机与电脑之间是互通的，连接同一个wifi即可保证互通。二，使用软件　　dnschef:https://github.com/xfkxfk/dnschef 　　　　启动命令：　　　　dnschef.exe --fakedomains *.xxx.net...

uniapp项目连接手机调试

m0_71933813的博客

04-01

2603

一.修改手机选项 1.打开开发者模式在手机更多设置里的最下面找到“开发者选项”【若没有这个，则先在更多设置里找到“关于手机”——>“软件版本号”，连续点击“软件版本号”若干次】出现“您已处于开发者模式，无需进行此操作”就已经打开开发者模式 2.找到手机设置，选择其他设置 5.设置手机与电脑属于同一个网手机连接电脑热点，然后看到HBuilderX中“运行到手机或模拟器(N)”下显示有运行设备等字样，就说明成功了，就可以运行你的uni-app项目啦。电脑连接手机热点二.使用HBuilderX运

uniapp手机预览、真机调试项目

mu_Yunren的博客

11-09

2195

最近完成一个uniapp，在电脑上已经测试一遍了想要在手机上测试一下效果，因为是第一次用这个，搜了很多资料也不知道怎么搞。搞了一天成功了，把搜集到的汇总一下。 1.微信开发者工具登录微信开始写项目，没有想那么多，写完想在手机上看效果，网上说预览功能可以，但是预览和真机调试功能都是禁用的。 2.要用uniapp登陆的微信登录微信公众平台官网，会有一个AppID 3.把这个ID填入下面的APPID上注意微信开发工具登录的微信要和申请appid的微信是同一个！！ 4.填...

uniapp开发教程.docx

06-25

uniapp云开发

Liucaicaia的博客

12-05

730

uniapp云开发的基础使用

uniapp 预览docx文档

04-11

在移动应用开发中，uniapp是一个非常流行的框架，它允许开发者使用一套代码库来构建多平台的应用，包括iOS、Android、H5以及小程序等。在实际应用中，有时我们需要实现预览docx文档的功能，例如阅读合同、报告或任何...

uniapp微信H5开发本地调试方案

逍遥的前端笔记

08-05

1190

痛点：1）原生的H5，并不能方便地提供类似扫一扫的功能2）原生H5的扫一扫也需要部署到httpsps：本文基于mac系统，windows用户可以根据思路来进行调整。

uni-app安卓应用打包并在手机上运行

weixin_45966674的博客

06-05

1641

uni-app安卓打包并在手机上运行

前端手机本地调试小技巧

qq_30916013的博客

06-05

3002

问题：pc调试手机页面经常出现一些问题，所以需要在手机上查看，更便于观察问题。准备工作：手机（与电脑在同一局域网下），编辑器（我用的Hbuilder，我测试了大多编辑器都有启动本地服务的功能），电脑（我的是windows，mac的请找自己ip的方式） 1.本地的项目，在chrome下查看 2.本地打开效果 3.打开自己的终端输入ipconfig 找到自己

Uni-app及相关服务器请求环境配置

代码青春

09-24

4732

"devServer" : { "port" : 80, "disableHostCheck" : true, "proxy" : { "/devapi" : { "target" : "https://hd.test.zhulihr.com", "changeOrigin" : true, ...

uni-App真机调试（平台配置真机调试）

qq_52151772的博客

01-05

7569

uni-app 项目配置平台配置 HBuider建议下载下载好之后点击工具 --> 设置 --> 运行配置这个路径就是我们微信开发者工作的目录一般不需要我们自己填，只有运行不起来微信开发者工具时使用配置好这些就可以点击运行了（包括下面这个微信的端口号开启）微信小程序打开微信小程序点击设置 -> 安全设置 -> 保证服务器端口是开启的 app真机、模拟器连接安卓设备 —> 首先确保我们电脑和手机通过数据线连接起来

uniapp使用本地原生插件及本地真机调试

xiejunna的博客

11-18

3040

uniapp使用本地原生插件及本地真机调试

uniapp学习笔记-跨域问题和真机调试的一些问题

pure81的博客

09-01

1241

uniapp遇到的一些问题

uniapp 微信开发工具上访问正常，真机调试一直跨域报错

weixin_44565776的博客

05-04

697

Accept-Ranges头部的作用就是告诉客户端，服务器是否支持这种“只请求部分资源”的操作。真机调试加上了这种限制。其主要作用：大文件的下载、流媒体的播放以及节省带宽和流量。

uniapp项目开发

07-27

UniApp 是一个基于 Vue.js 的跨平台开发框架，可以使用 Vue.js 的语法来开发同时适配多个平台的应用程序，包括小程序、H5、App等。下面是一些关于 UniApp 项目开发的常见问题和建议： 1. 如何创建一个 UniApp 项目？可以通过使用 Vue CLI 或者 HBuilderX 来创建一个 UniApp 项目。Vue CLI 是一个常用的 Vue.js 项目脚手架工具，可以通过它创建并管理 UniApp 项目。HBuilderX 则是一个专门针对前端开发的 IDE，内置了 UniApp 的开发环境。 2. 如何进行页面开发？ UniApp 的页面开发和 Vue.js 的开发非常类似，可以使用 Vue.js 的语法编写页面模板、样式和逻辑。同时，UniApp 提供了一些平台特有的组件和 API，可以实现不同平台的差异化功能。 3. 如何进行跨平台适配？ UniApp 提供了一些内置的组件和 API，可以实现跨平台适配。可以根据不同平台的特点来编写不同的样式和逻辑代码，也可以使用条件编译来实现不同平台的差异化逻辑。 4. 如何打包和发布应用程序？ UniApp 提供了一些命令和工具来打包和发布应用程序。可以使用命令行工具或者 IDE 中的打包功能来生成不同平台的应用程序包。然后，可以根据不同平台的要求进行发布。总的来说，UniApp 是一个非常方便的跨平台开发框架，可以大大提高开发效率和代码复用性。同时，也需要注意各个平台的差异和特点，以实现更好的用户体验。