vue_真机调试页面

皮皮是只公喵 皮皮是只公喵     2022-10-23     287

关键词:

使用vue开发也有一段时间,是说我太懒了,还是说太懒了。得总结总结的。

之前在开发的时候都是,npm run build把页面打包后再上传到代码库上线用手机看页面效果。样式调整,嗯,很麻烦很傻的。

今天决心要解决这个问题,的确很简单。

技术段:

下面这段文字也是别人家的,还是太懒了。

   我用的是vux起的一个项目(移动端,基于vue的),因为是移动端的,需要在手机上测试,发现用http://localhost:8081/访问的挺好的,但是换到ip就访问不了,期初我以为是代理的原因,将电脑的代理给关掉了。还是不行,然后改为127.0.0.1访问,发现可以访问,用0.0.0.0访问也可以,就是ip不行。然后就各种google,百度。别人家的方法---都试了好多,发现没效(有点怀疑人生,怀疑是不是我电脑的问题),但是结果就在这,ip就是不可以访问!!!!

      本着一个程序员的本能--不解决这个bug,誓不罢休的精神。我开始看自己的build文件, config文件。最终找到了根源----在config里面的index.js里面的module.exports下面的dev下面的host:‘localhost‘ 改为 host:‘0.0.0.0‘,就可以访问啦!!!然后开心愉快的开始码代码!!!!!!

 

  看不懂,别来找我。

 

macm1开发实录---xcode真机调试

参考文章Xcode13.1真机调试_淡酒交魂的博客-CSDN博客_xcode真机调试例子我们就用最粗暴的helloworld,然后一步步实现在iphone上运行:1.添加开发账号信息 菜单Xcode-->perferenceAccount-->ManageCertificates  2.项目配置版本和真机ip... 查看详情

使用pc端浏览器开发者工具对移动端真机环境web页面进行远程调试

...开发中,有时候只通过模拟器进行调试是不够的,需要在真机环境下进行调试才能发现并解决一些问题。而移动端真机环境浏览器没有开发者工具,在这种情况下,使用PC端浏览器开发者工具对移动端真机环境的Web页面进行远程... 查看详情

【vue3.0】25.0某东到家(廿五)——真机调试

参考技术A一种方式是手机和电脑连同一个局域网,也就是同一个WiFi运行项目会在终端显示ip连接的地址:因为目前我的是手机热点,需下面的方式:如果是手机开热点给电脑用,可以win+R键输入ipconfig查询本机ip,然后在手机浏... 查看详情

unity-真机调试android(代码片段)

title:unity-真机调试Androidcategories:Unity3dtags:[unity,Android,调试,profile]date:2017-01-1110:32:52comments:falsemathjax:truetoc:trueunity-真机调试Android,有点久没有真机调试过了.前篇使用Android手机真机调试unity项目-https://blog.csdn.net/qq_39147299/article/details/... 查看详情

调试移动端页面

...设备页面时,常用CHROME自带的模拟移动设备外,还需要有真机去测试一下,而不是布到测试服务上去之后,再使用真机测试。第一步:手机连接上电脑的局域网,之前在网上找的教程,想的是可能是手机和电脑都使用公司的无线... 查看详情

移动端真机调试方法

...本身不同之外,应该还多地方要探究的,第一步就是要在真机上分析。所以总结一下几个方法。1.Mac++iPhone+ Lightning+Safari浏览器步骤:1)用:Lighting线将mac与iphone相连2)iphone打开Web检查器(设置->Safari->高级->Web检查器... 查看详情

xcode真机调试

查看详情

ios无线真机调试

文章目录引言I无线真机调试的设置步骤1.2开启Connectvianetwork1.2注意事项II不升级Xcode进行高版本系统真机调试的方案seealso引言iOS无线真机调试的使用场景:忘记带数据如果有数据线,尽量使用数据线真机调试。使用数据线的传输... 查看详情

真机调试问题

1.    错误记录 真机调试错误信息:Nomatchingprovisioningprofilefound:YourbuildsettingsspecifyaprovisioningprofilewiththeUUID“dcfadaa2-37fd-4871-be69-ab6564245593”,however,nosuchprovisioning 查看详情

xcode真机调试失败:theidentityusedtosigntheexecutableisnolongervalid

   在Xcode中突然好久没有使用真机调试了,今天使用真机的时候,出现如下的警告,并真机运行失败:Theidentityusedtosigntheexecutableisnolongervalid.Pleaseverifythatyourdevice‘sclockisproprtlyset,andthatyoursigningcertificateisnotexpi 查看详情

真机调试

...rwiththespecifiedhostnamecouldnotbefound.xcode发出这个错误 一般是真机网络和pc端不在同一个网段 检测真机网络重新连接wifi不行safari激活 就可以进行测试在ios开发中经常出现“ unrecognizedselectorsenttoinstance ”这个错误。现在发现的原因... 查看详情

调试iosandroid手机上的h5页面

参考技术Ah5项目在手机上调试(ios和安卓)1、在vue项目中实现手机调试vue中直接使用npm安装vConsole—(1)先找到vue得全局index.html页面—(2)引入<scripttype="text/javascript"scr="vconsole.min.js"></script><scripttype="text/ja... 查看详情

微信小程序工具真机调试提示page"xxx/xxx/xxx"isnotfound

 解决方法:pages对象添加该页面 查看详情

真机调试出错

...面拖欠的部分补上,在这我表示深深的歉意.二.进入正题1.真机调试时作为每个程序猿必须要做到的事,但是在调试中间也会出现大大小小的错误.今天这篇博客就写我在调试当中遇见的错误和解决的办法.三.证书过期1.错误图片提示2... 查看详情

macandroidstudio真机wifi调试

...dio,在AndroidStudio右侧会有这样的新增窗口3.先通过usb连接真机,连接成功后,新窗口中就会显示真机设备,如步骤2图所示。点击绿色开始箭头,显示连接成功后就可以拔掉usb,进行wifi调试了。成功如下图所示 查看详情

真机升级livereload缺失后,无法从真机远程调试js

】真机升级livereload缺失后,无法从真机远程调试js【英文标题】:Afterupgradelivereloadmissingonrealdevice,cannotdebugjsremotelyfromrealdevice【发布时间】:2016-12-0505:30:12【问题描述】:将reactnative从0.26更新到0.29后,开发菜单中缺少实时重新加... 查看详情

hj-第二周,真机调试

 报错:ShowingRecentIssues Huiju_apprequiresaprovisioningprofile.Selectaprovisioningprofileforthe"Debug"buildconfigurationintheprojecteditor. Codesigningisrequiredforproducttype‘Applicatio 查看详情

uniapp中app真机模拟以及小程序编译后css样式异常失效问题原因及解决方案

...使用浏览器h5进行调试一切正常,但是最后进行手机真机调试的时候css样式出现了异常,本文归纳常见的问题比如在h5页面显示正常:但是在真机调试app的实现则显示:H5正常但App异常的可能性使用了不支持的选择... 查看详情