不同的环境显示VConsole

简介: 不同的环境显示VConsole

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


34a8b0b2ab0f0cf9882acbd3d0936879_e75b346a5bdf4f34aeb1bd1fff2e67e0.png


然后在main.js中引入 vconsole


import VConsole from 'vconsole'

相关文章
|
9月前
|
移动开发 前端开发 CDN
移动端H5引入vconsole进行调试
移动端H5引入vconsole进行调试
376 0
|
6月前
|
JavaScript Windows
Vue加载中(Windows开机动画)
这篇文章介绍了如何创建一个模仿Windows开机动画的自定义Vue Loading组件,支持自定义描述文案、是否循环动画和动画间隔时长。
|
4月前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
49 4
|
7月前
|
JavaScript
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件,导致该弹出菜单残留
【vue】el-dialog 内的tinymce弹窗被遮挡的解决办法 及 tinymce打开弹出菜单后直接关闭对话组件,导致该弹出菜单残留
501 6
|
6月前
|
JavaScript
js之选项卡制作实例
js之选项卡制作实例
42 0
|
7月前
命令行加载特效 【cli-spinner.js】 实用教程
命令行加载特效 【cli-spinner.js】 实用教程
67 0
|
JavaScript
js选项卡功能制作
js选项卡功能制作
|
移动开发 测试技术
H5调试之vconsole
H5调试之vconsole
139 0
微信如何打开 VConsole #104
微信如何打开 VConsole #104
571 0
Magisk模块:Prop修改工具
Magisk模块:Prop修改工具
1609 0

热门文章

最新文章