vue项目通过本地ip实现真机调试

最新推荐文章于 2024-08-08 16:30:27 发布
最新推荐文章于 2024-08-08 16:30:27 发布
阅读量721 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41812254/article/details/101574117
版权

使用webpack打包后

cmd 输入 IPCONFIG 拿这个地址

19088858-fa2cc97be9e0e103.png

然后去package.json 在dev里面输入 你的ip

19088858-de95df2f61a8440f.png

然后npm run dev 运行即刻

你的电脑 链接的wifi 需要和别人想访问的设备链接的wifi 一致 否则ip不一致无法调试

想快快长大
关注
vue开发的公众号网页如何真机在线调试
weixin_44921098的博客
04-17 2393
首先你需要申请一个订阅号或者公众号，认不认证没所谓，然后注册一个测试账号，因为测试账号几乎提供了所有的接口权限，很方便我们调试，我们可以通过自定义菜单将菜单链接到我们的网页地址，但是这里有两个问题，我们来一一解决 测试号如何设置自定义菜单 不同于订阅号或者服务号，订阅号或者服务号我们可以直接登陆微信公众平台，在左边菜单栏，找到自定义菜单选项 定义自己的名字和跳转网址，保存并发布即可，但是测试号并...
项目中的真机测试ios
weixin_40140832的博客
12-04 422
vue项目中修复bug然后真机测试-IOS 在vue的h5的项目中，修复了ios系统下mintui中组件的一些不兼容的bug，所以需要进行真机测试，好验证自己的代码是否实现功能。 真机测试的时候，先用了自己的Android手机，只需要当pc和手机处于一个局域网时，手机访问ip地址，就能进行真机测试了。 ios略有不同，和pc端连接同一个局域网时，还是打不开测试的地址。需要用到一个软件Charles...
vue浏览器本地调试扩展
12-10
vue浏览器本地调试扩展
vue本地调试devtools
qqtang1406722832的博客
04-29 252
vue本地调试devtools插件
uniapp+vue3 app开发真机调试，调试器内没有source
最新发布
weixin_43996255的博客
08-08 148
Failed to load URL uni-app:///App.vue with error ERR_UNKNOWN_URL_SCHEME (-302).打的自定义基座包，传统正式包，打包时选择了sourcemap，但是使用hbuildx自带的uni/uvue调试，调试器内的source没有文件，即使文件中有debugger也进入不了。uniapp+vue3 app开发真机调试，调试器内没有source。也有增加配置文件vue.config.js 但是没有效果。​​​​​​如何解决处理？
vueuse本地调试源码方法
weixin_42386379的博客
01-29 353
vueuse源码本地调试方法
Vue本地调试API跨域解决方案（axios请求）
逸风知霜
06-10 1881
第一步在站点根目录下新建vue.config.js(注：针对最新版Vue) 第二步打开路径src-->main.js文件，增加以下代码 第三部请求写法如下 以上可以解决axios请求API本地调试跨域问题
Vue h5项目如何在本地调试和打包成app
weixin_42613910的博客
11-10 323
打包成APP也可以通过Hbuilder的5+APP进行打包，直接修改刚刚manifest.json的应用入口页面地址为你上线后的项目地址即可，项目可保持现有的模式部署在远程服务器上。打包成功后在项目目录的unpackage->release->apk 可找到生成的apk文件，右键选择安装到连接的手机上。的plus.android实现的，而普通浏览器不具备plus环境，不可直接运行到浏览器里，那在本地如何调试该功能呢？报错：遇到没有权限的报错，要把手机的蓝牙和应用的位置权限打开。可开始调试蓝牙功能~
Vue移动端项目实现使用手机预览调试操作
11-20
最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...
完美解决通过IP地址访问VUE项目的问题
10-15
本文将详细介绍如何完美解决通过IP地址访问Vue项目的问题。 首先，我们需要对Vue项目的配置文件进行更改。在Vue项目中，配置文件通常是`config/index.js`。在这里，我们将`host`设置为`0.0.0.0`，这使得服务器监听...
微信公众号网页开发——实用真机调试
weixin_33845477的博客
04-23 6454
前言 微信公众号网页开发的真机调试一直是很头疼的事情。 原因一 微信公众号配置的JS安全域名只有三个，一个大中型的公众号这三个JS安全域名都是生产的域名，不可能预留域名用于开发和调试。 原因二 在微信里面只有访问正确的安全域名才能调用wx.config用来调用微信的接口。调试器和真机有差异。 原因三 在实际的开发中我们不可能写一部分代码上传到生产的服务器上再用真机调试，这样是非常麻烦的事情。 解决...
记录下hbuilderX+vue开发app 真机调试的问题
01-03
原由 找了半天官方的文档也没找到几个靠谱的文档，最后还是慢慢摸索出来的 解决： hbuilderx连接手机调试 一.找到hbuilderx的安装目录并找到plugins 二.找到launcher 三.找到tools目录 四.找到adbs并复制地址 五.添加到系统变量path window+R 输入：set path = %path%;D:\soft\HBuilderX\plugins\launcher\tools\adbs;//追加变量 再次输入path查看系统变量 六.连接到模拟器服务器 输入：adb connect 127.0.0.1:5555//5555为端口号 七.附
vue项目本地测试
weixin_49261425的博客
01-18 772
找到此文件，我们只需要在config文件夹下配置下host属性，只需要把host:"",里面的值改为你本地的ip即可，记得加上端口号。 如果是vue-cli3没有config文件，就在根目录创建上vue.config.js文件，然后同样配置host属性即可。 ...
本地调试vue源码
许珊珊同学的专栏
04-17 629
vue源码从git clone到本地 git conehttps://github.com/vuejs/vue.git 源码方： package.json中scriptsdev中追加参数 --sourcemap "scripts": { "dev": "rollup -w -c scripts/config.js --environment TARGET:web-full-...
vue真机调试_vue_真机调试页面
weixin_39894255的博客
12-19 267
使用vue开发也有一段时间，是说我太懒了，还是说太懒了。得总结总结的。之前在开发的时候都是，npm run build把页面打包后再上传到代码库上线用手机看页面效果。样式调整，嗯，很麻烦很傻的。今天决心要解决这个问题，的确很简单。技术段：下面这段文字也是别人家的，还是太懒了。我用的是vux起的一个项目(移动端，基于vue的)，因为是移动端的，需要在手机上测试，发现用http://localhost...
本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目
Zzexi的博客
08-18 5900
本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下） 我们只需要在config文件夹下配置下host属性，只需要把host:"",里面的值改为你本地的ip即可，记得加上端口号 如果是vue-cli3没有config文件，就在根目录创建上vue.config.js文件，然后同样配置host属性即可。 ...
vue真机调试_vue项目在自己手机上调试功能
weixin_33377571的博客
01-30 1542
一般vue项目在本地运行是localhost:8080/#/这个时候如果我们想在手机上调试可以在vue项目config文件夹下的index.js里把host后面的localhost改成你自己本地的IP地址如果你不知道IP地址是什么，可以在命令行里输入 ipconfig其中IPV4的地址就是你的本地地址现在把这个地址写在index.js里面的host后面然后重启项目npm run dev这个时候在地...
vue项目在移动端本地运行及本地调试
xpursue的博客
02-02 1728
手机端本地运行 1、确保手机和电脑连接同一个wifi 2、查询电脑的IP地址 （WIN+R ，命令：ipconfig 找到IPv4地址） 3、修改vue项目config下index.js的host内容替换为第二步查找的IP地址 4.重新运行项目，百度'草料二维码'，利用草料二维码将运行地址生成二维码，微信扫一扫即可。 手机端调试 找到vue项目下index.html，将下面代码贴上去，点击右下角齿轮即可调试 <scripttype="text/javascript"src=...
vue项目中使用本地ip地址访问
lucky2_的博客
03-16 998
vue项目中使用本地ip地址访问 在vue项目中的package.json文件中修改一行代码 "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
导入vue项目到hbuilderx进行真机调试
05-02
HbuilderX是一款非常优秀的web前端开发工具，具有很多优秀的功能，其中就包括了能够导入vue项目进行真机调试的功能。下面是具体的操作步骤： 第一步，打开HbuilderX，点击“文件”菜单，选择“打开文件夹”，进入到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值