不同的环境显示VConsole

Posted 2022-12-23

最近做项目的过程中，前端使用了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”的

然后在main.js中引入 vconsole

import VConsole from vconsole