第一步：打开项目根目录进行打包
image.png
1.修改根目录index.html文件里build.js的路径
image.png
2.修改根目录webpack.config.js文件里publicPath
image.png
3.在根目录打开cmd 或打开cmp进入到根目录
image.png
4.npm run build 进行打包
5.成功后多出一个dist文件夹 以及index.html可以打开
第二步：新建一个test文件夹
1.在test中下载express包 npm install express
2.之后再新建一个www文件夹
image.png
3.再在www文件夹中新建一个项目文件test1，用于存放原项目根目录里除node_modules以外的内容（从根目录复制过来）
image.png
第三步：在命令行中输入ipconfig 查找本机ip地址，若出现错误，则使用管理员身份运行cmd,再输入ipconfig查找。
（！！！请确保打开网页的手机和电脑处于同一局域网，可以连同一个wifi或是使用同一网段）
image.png
第四步：在test文件夹下编写自己的服务器 readfile.js
image.png
第五步：在test文件路径打开cmd,运行命令 node readfile.js
image.png
第六步：不要关闭服务器，在浏览器输入 ip地址:端口号 就可以出现页面啦~
image.png
最后一步：将打开的网址复制，发送给使用同一网段的移动手机打开。
就可以在手机端测试vue项目啦~~~
image.png
以上为个人测试经验和见解，如有问题，欢迎提出~~~
