最近在做一个项目是个混合开发的项目，在android主应用中加载一个Vue开发的webApp，由于开发过程中需要使用手机的环境，所以想使用手机来运行调试项目，这样更方便，不需要不断打包项目，再放到android的assets文件夹中调试。
使用手机联调Vue项目时，需要先调整config文件夹下 index.js中的host，调整为你自己的手机连接的wifi地址，这里我用得是自己的电脑热点的IP：
image.png
我的电脑的Ip地址
然后，打开你的电脑的防火墙设置页面，将防火墙关闭：
image.png
这些准备工作做完，然后运行Vue项目：就可以在手机上使用这个Ip，端口号访问到页面了。
image.png
最近在做一个项目是个混合开发的项目，在android主应用中加载一个Vue开发的webApp，由于开发过程中需要使...
12-1 Vue项目的联调测试上线--项目前后端联调 当我们项目开发完成后，我们需要和后端进行联调，那么我们需要把...
调整/config/index.js，更改target的属性为接口地址,如果跨域的话，要添加changeOrigi...
一、Vue 项目的接口联调 之前我们使用的数据都不是后端返回的真实数据，而是我们自己通过接口 mock 模拟的假数...
以前都是用jquery写页面，最近接触vue做项目，刚开始和java联调接口，结果http请求状态200，但是服务...
真机测试 在 package.json 中 script 的 dev 代码中添加 --host 0.0.0.0 即...
目前在使用vue做一个项目，项目需要兼容PC端和手机端，所以在开发的过程中，需要使用手机去访问我电脑上的vue项目...
最近项目开发当中，部分功能使用了H5页面，所以我们需要和前端的同事进行联调。之前联调都是很成功的，没有其他错误产生...
遇到的cookie的坑 前段时间做项目（技术栈vue-cli + element），本地联调的时候遇到了一个关于c...
10.19 电子发票项目联调，h5通，APP今日联调 总体联调进度滞后 原因：1.接口质量差，缺...
本文标题：使用手机联调Vue项目
本文链接：https://www.haomeiwen.com/subject/kfutwctx.html
网友评论