Vue手机端真机测试项目
由于本台电脑暂时还没有配置php服务器,所以只给出方法,暂时不做实际操作
1,配置json数据文件到php服务器
2,更改config文件夹中的index.js的proxyTable
下面是原来使用本地json文件的代码:
如果你配置了php服务器,请更改成
3,修改package.json文件
在你键入npm run dev 启动服务之后,其实是由webpack-dev-server在起到服务器作用,但是webpack-dev-server并不认识ip地址,所以需要修改启动配置项
请加上 --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
安装好之后