不同的环境显示VConsole
原创
©著作权归作者所有:来自51CTO博客作者小谷姐姐的原创作品,请联系作者获取转载授权,否则将追究法律责任
最近做项目的过程中,前端使用了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'