移动端调试工具vConsole

vConsole是鹅厂开发的方便移动端调试的库，可以看到类似于网页信息的调试信息，方便查看错误。

参考官网，可直接使用npm install vconsole 进行安装

import VConsole from 'vconsole'
// 初始化
var vConsole = new VConsole()
console.log('Hello world')

常见问题：项目部署后不能看到log的信息

console.log在使用打包工具打包时往往会被屏蔽，以提高网页性能，本地可以正常显示，部署后不能显示log往往是这个原因。

实际调试记录：

使用Vue写了一个公众号页面，本地运行正常，线上环境后出现不能正常访问接口，会一直报错。但是从服务端看到请求访问是正常的，返回也是正常的。往往这样的情况是跨域问题（跨域是浏览器的限制，真实的请求是正常发出了的，也能正常接受到，但是却被浏览器拦截，替换为一个错误）。通过vConsole 并不能看到错误信息，这就是上面的原因。后来排查发现是部署的时候使用的是域名访问，而打包的时候使用的是ip访问，这就直接导致了跨域。修改为域名即可解决。