vconsole手机端控制台

.env文件

VUE_APP_SHOW_VCONSOLE=false

.env.prd文件

VUE_APP_SHOW_VCONSOLE=false

.env.test文件

VUE_APP_SHOW_VCONSOLE=true

main.js文件

import { getQueryParam } from '@/utils/common'
let VConsole = require('vconsole')
if (process.env.VUE_APP_SHOW_VCONSOLE === 'true' || 
getQueryParam('vconsole')) {
    const vConsole = new VConsole();
}

package.json文件

 "dependencies": {
    "vconsole": "^3.9.1",
  },

common.js文件

export function getQueryParam (variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) { return pair[1]; }
  }
  return (false);
}

// vConsole 开发和生产环境关闭 , 测试环境开启
如果生产环境也想看到控制台看问题，可以在url上增加vconsole=1即可