使用手机预览Vue项目（移动端）

1、在命令行中输入npm run dev ，启动自己的vue项目，例：http://localhost:8081/#/goods，可以在浏览器预览2、那么如何在手机端预览vue项目呢？WIN+R，输入cmd启动命令行工具，输入ipconfig查看本机ip3.将vue项目中的index.js 文件中的host：“自己IP地址”4.本机ip替换localhost，例：http://192.168.1.

ImpulsionAndpower

4552人浏览 · 2018-04-08 17:24:05

ImpulsionAndpower · 2018-04-08 17:24:05 发布

1、在命令行中输入npm run dev ，启动自己的vue项目，例：http://localhost:8081/#/goods，可以在浏览器预览

2、那么如何在手机端预览vue项目呢？WIN+R，输入cmd启动命令行工具，输入ipconfig查看本机ip

3.将vue项目中的index.js 文件中的host：“自己IP地址”

4.本机ip替换localhost，例：http://192.168.1.171:8081/#/goods，预览效果不变

5.使用草料二维码，将http://192.168.1.171:8081/#/goods生成二维码

6.将手机连接到与电脑相同的WIFI，扫一扫即可预览！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^