不同的环境显示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'

相关文章
|
6月前
|
移动开发 前端开发 CDN
移动端H5引入vconsole进行调试
移动端H5引入vconsole进行调试
334 0
|
4月前
命令行加载特效 【cli-spinner.js】 实用教程
命令行加载特效 【cli-spinner.js】 实用教程
46 0
|
6月前
|
安全 定位技术
ENVI软件App Store插件工具的下载、安装与使用方法
ENVI软件App Store插件工具的下载、安装与使用方法
341 1
|
6月前
hbuilderX uni-app 自定义快捷键无效、无法生效解决方法(附:好用的常用的快捷键自定义代码片段)
hbuilderX uni-app 自定义快捷键无效、无法生效解决方法(附:好用的常用的快捷键自定义代码片段)
|
11月前
|
移动开发 测试技术
H5调试之vconsole
H5调试之vconsole
118 0
Magisk模块:Prop修改工具
Magisk模块:Prop修改工具
1439 0
electron-vue升级electron到最新的版本后启动不起来,窗口一闪而过。
electron-vue 升级electron到最新的版本后启动不起来,窗口一闪而过。 排查后原因: electron-vue中的集成了很多库 单方面升级了 electron版本,导致了其他库的版本的不匹配 解决: 升级配套库的版本
348 0
|
资源调度 JavaScript Ubuntu
Cypress系列(1)- Window下安装 Cypress 并打开
Cypress系列(1)- Window下安装 Cypress 并打开
345 0
Cypress系列(1)- Window下安装 Cypress 并打开
Cypress系列(34)- window() 命令详解
Cypress系列(34)- window() 命令详解
299 0
Cypress系列(34)- window() 命令详解
|
Linux Windows
不支持图形化界面的Linux系统如何显示图像化界面?飞腾服务器显示图像化界面方法,DISPLAY environment variable is undefined问题解决方法
不支持图形化界面的Linux系统如何显示图像化界面?飞腾服务器显示图像化界面方法,DISPLAY environment variable is undefined问题解决方法
788 0
不支持图形化界面的Linux系统如何显示图像化界面?飞腾服务器显示图像化界面方法,DISPLAY environment variable is undefined问题解决方法