Vue-cli 手机查看效果

作者: yimi珊 | 来源:发表于2019-01-10 16:43 被阅读2次

vue-cli创建项目之后，想在手机查看效果。
修改 config/index.js 文件

//  host: 'localhost', // can be overwritten by process.env.HOST 
    host: 'IP', //IP：我本地的ip

修改host，然后手机wifi与电脑为同个局域网
即可在手机使用ip访问项目

获取ip地址
在cmd中输入

ipconfig

IPv4 地址即为ip地址

Vue-cli 手机查看效果
vue-cli创建项目之后，想在手机查看效果。修改 config/index.js 文件修改host，然后手机w...
vue-cli项目在手机上查看页面效果
Vue-cli基础
Vue-cli基础安装步骤 1、全局安装Vue-cli： npm install vue-cli -g 2、查看...
vue版本查看
查看vue-cli版本：vue -V 查看vue版本：npm list vue
手机查看电脑上网页效果
在chrome浏览器上下载一个草料二维码插件；再用node.js建立本地服务器。 npm install an...
vue+electron搭建桌面应用
一、创建项目 1.1 安装vue-cli 先查看是否已经安装了vue-cli，vue-cli的版本是什么? ...
vue 脚手架搭建
1.脚手架:vue-cli 安装:npm install vue-cli -g 查看: vue --version...
Vue.js常用开发知识简要入门（一）
Vue-cli创建项目安装：npm install -g vue-cli vue list命令：查看官方模版列...
Vue-cli基础
安装步骤 1、全局安装Vue-cli： npm install vue-cli -g 2、查看是否安装成功： ...
2019-02-21 如何使用手机抓包---Fiddler4
测试中，我们需要在手机上查看访问接口是否正常，直接查看手机的效果无法定位是接口还是前端问题。所以我们需要抓包查看。...