vue移动端项目手机预览

1.cmd 输入ipconfig 获取本机的ip地址
2.如果是vue-cli3搭建的项目 因为没有config文件夹，这边需在根目录新建一个 vue.config.js文件基本上所有的一些配制都在这里，
3.在这个文件里使用到
所有 webpack-dev-server 的选项都支持。注意：
如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。
devServer.proxy 可以是一个指向开发环境 API 服务器的字符串：可以配置允许跨域之类的
devServer: {
host: ‘192.168.1.69’, //本机ip
port: ‘8080’
},
然后打开本机的防火墙，在手机上就访问vue项目的路径就可以进行调试了，也是实时刷新的，
4.为了更好的调试 可以安装移动端调试工具
npm install vconsole
在项目的入口文件 main.js
import Vconsole from ‘vconsole’
let vConsole = new Vconsole()
export default vConsole
页面就会出现
就跟控制台一样可以有数据的 打印更方便调试