最近做项目的过程中,前端使用了vconsole,但是在生产环境上显示vconsole就不太好了。所以下一下方式是把生产环境的vconsole去掉,当然读者可以根据自己需求去选择。

首先要由一个vconsole.js的配置文件

import Vconsole from 'vconsole'
let vConsole;

if(process.env.MODE!='dev'){
console.log("process.env.MODE!=='dev'",process.env.MODE!='dev')
vConsole = new Vconsole()
}


export default vConsole

说明:process.env.MODE是获取你的环境,比如:开发、测试、或者生产。在index.js文件中我使用了process.env.MODE,所以在以上的代码端中用的这个。因为在其他人也有用“process.env.VUE_APP_ENV”的

不同的环境显示VConsole_配置文件

然后在main.js中引入 vconsole

import VConsole from 'vconsole'