手机测试vue项目

 

使用vue编写移动端的网页怎么在真机上查看呢?一下是真机查看移动端网页的测试。

一、修改地址

在vue的根项目文件下,有个config配置文件目录,里面有个【index.js】文件,在(搭建环境)这一篇说过,要把端口改一下,现在改的是host路径。 打开【命令提示符】,输入【ipconfig】,就能查看到本地的ip地址,然后把地址替换原来项目的【localhost】。这里有个前提,就是你手机连上的wifi和你的电脑在同一个区域网。

二、手机测试

在手机浏览器中输入【192.168.0.x:8083】ip地址加上端口,就可以打开了。直接输入地址是一种方法,还有一种方法就是把该地址复制到连接装换成二维码的那些网站转成二维码,只要打开你的微信扫一扫,就可以查看测试了,是不是很简单呢。

推荐阅读:

JavaScript面向对象编程及原型链理解【重点】

XMLHttpRequest对象原理和用法理解

JavaScript高阶函数常见用法大全

ES6之Map与Set数据类型——快速查找键值

ES6 块的作用域-let以及数组和字符串语法

本文为博主原创文章,知识共享,开源精神,转载注明出处。