Vue手机端真机测试项目

由于本台电脑暂时还没有配置php服务器,所以只给出方法,暂时不做实际操作

1,配置json数据文件到php服务器

2,更改config文件夹中的index.js的proxyTable

下面是原来使用本地json文件的代码:

Vue手机端真机测试项目_第1张图片

如果你配置了php服务器,请更改成

Vue手机端真机测试项目_第2张图片

3,修改package.json文件

在你键入npm run dev 启动服务之后,其实是由webpack-dev-server在起到服务器作用,但是webpack-dev-server并不认识ip地址,所以需要修改启动配置项

Vue手机端真机测试项目_第3张图片

请加上   --host 0.0.0.0

4,MAC系统进入命令行使用ifconfig查看本地ipv4地址

WINDOW系统进入命令行使用ipconfig查看本地ipv4地址

比如xxx.x.xx.xx

5,在手机浏览器中输入xxx.x.xx.xx:8080,应该就可以显示出你所做的页面了

注:如果手机端是白屏,可能是由于Android版本过低造成的

解决这个问题,需要安装一个第三方的包:

babel-polyfill

在命令行中 输入  npm install babel-polyfill --save

安装好之后

Vue手机端真机测试项目_第4张图片

你可能感兴趣的:(Vue)