vue移动端项目实现真机调试

在vue移动端项目中，我们可以通过真机调试来更好的看到项目实际运行在移动端的效果。

下面就来介绍一下实现的方法：

1、使手机与电脑连接在同一个wifi下

2、修改vue.config.js文件配置

将host路径改成 ‘0.0.0.0’

3、运行项目

npm run serve

4、手机端调试项目

运行成功后，在手机浏览器上输入控制台中提示的Network地址就可以在手机上调试项目了。

vue移动端项目实现真机调试相关推荐

RN项目安卓真机调试步骤
RN项目安卓真机调试步骤 1.adb(Android Debug Bridge)工具安装: 打开终端,入当前用户的home目录,默认就是,不是的话执行命令:cd ~ 或 cd /Users/YourM ...
移动端html网页真机调试,Mac端调试iphone移动端网页
0.前言今天写好了一个页面,在mac上跑的好好的,结果手机打开直接白屏了.打开chrome的移动端模拟,但是模拟上也是好的,所以就只能开启真机调试了. 1.配置在iOS设备上打开允许调试:设置→S ...
H5在iphone移动端如何实现真机调试
最近公司要实现苹果移动端和H5的交互,因为平时用H5的不多,对iOS的比较熟悉,用H5的界面出问题就定位不出问题出在原生端还是H5端.应运而出iphone真机调试H5界面. 设置iphone 1.设置 ...
React Native 项目iOS真机调试红屏
错误信息: 反应本地版本不匹配. javascript版本xx.xx.xx 本地版本xx.xx.xx 原因:开启的反应原生服务与你当前运行的反应原生项目不一致造成的. 解决办法:打开终端,将路径切到R ...
HbuilderX 无法运行项目到真机调试。
Error: Missing binding /Users/zhs/WorkSpace/UniData/boyang_app/node_modules/node-sass/vendor/darwin- ...
微信开发者工具无法选择预览和真机调试_小程序开发第二篇：使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
vue扫描二维码，真机调试
vue扫描二维码,真机调试 vue代码使用HBuilderX 运行界面 vue代码 <el-button>标签需要引用element-ui,如果没有,可以注释,打开下面的普通<bu ...
分享移动端真机调试几种方法(更新中)
最新更新请参考移动端真机调试文章目录安卓浏览器场景 X5内核类 IOS windows调试ios MAC调试ios 跨平台通通用JS 注入类 Vconsole Eruda weinre 拓展 E ...
移动端真机调试，手机端调试，移动端调试
移动端真机调试方法一.chrome真机调试:局限性:只能调试手机端的chrome浏览器,其他浏览器均不适用:优点是: 简单快捷: 二.spy-debugger调试:spy-debugger,安装稍微 ...

vue移动端项目实现真机调试

1、使手机与电脑连接在同一个wifi下

2、修改vue.config.js文件配置

3、运行项目

4、手机端调试项目

vue移动端项目实现真机调试相关推荐

最新文章

热门文章