记录一下vue项目打包成apk出现的踩坑场景，其实问题的出现是因为自己的不小心导致的参数没有配置成功，但是还是想记录一下整个排错的一个过程

vue项目在Hbuilderx中打包成apk

在web端也就是正常启动vue项目访问页面的时候，接口返回都是正常的，可以看到接口返回的状态也是200

部署到web线上地址也是能够登录成功，并且成功调用接口的

问题出现

apk 放到雷电模拟器中去使用的时候发现登录接口无法使用

具体问题表现为无响应，也不提示账号密码错误等信息，就是等待接口请求的状态

接着打开fiddler去抓一下请求，但奇怪的是fiddler也抓不到请求，也就是在点击登录的时候没有请求的触发

但是web端的时候是没什么问题的，在打包之后这种情况应该如果排查

使用VConsole查看

如果想要在打包后调试的话，查了一下资料发现可以生成一个控制台查看日志，这样会方便很多

具体操作就是在index.html的文件中写入这个代码，去生成一个控制台的按钮供我们使用

js 复制代码

<script>
      var vConsole = new VConsole({
        defaultPlugins: ['network'],
        disableLogScrolling: true
      });
      vConsole.pluginList.network.scrollToBottom = function() {
        if (!this.vConsole.option.disableLogScrolling) {
          var $box = vConsole.$.one('.vc-content');
          $box.scrollTop = $box.scrollHeight - $box.offsetHeight;
        }
      }
 </script>

加上标签后可以看到有一个按钮