使用vue开发h5页面在手机端浏览

最近在使用vue开发移动端页面，一直都在网页上以手机的样式浏览的，想看看切换到真正的手机端浏览是什么样，所以就百度了下，听我娓娓道来。一、将地址localhost改成本地IP由于启动vue时会自动使用localhost，不改配置强行在地址栏将localhost换成IP会出现页面找不到现象，所以这里需要在package.json文件中改一下配置。之后启动一下，在地址栏输入IP就可以啦~其实这...

恰妹儿

10291人浏览 · 2019-11-13 11:56:53

恰妹儿 · 2019-11-13 11:56:53 发布

最近在使用vue开发移动端页面，一直都在网页上以手机的样式浏览的，想看看切换到真正的手机端浏览是什么样，所以就百度了下，听我娓娓道来。

一、将地址localhost改成本地IP

由于启动vue时会自动使用localhost，不改配置强行在地址栏将localhost换成IP会出现页面找不到现象，所以这里需要在package.json文件中改一下配置。
在这里插入图片描述
之后启动一下，在地址栏输入IP就可以啦~其实这个时候在手机端输入PC端相同的地址栏就可以浏览了，但是我不，必须扫码浏览，哈哈哈哈

二、生成二维码，扫描浏览

百度搜索生成二维码，我这里使用的是草料二维码。
在这里插入图片描述然后就可以微信扫码浏览项目啦~
pick~

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}$/, //不连续的两位字母// /^