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

相关文章
|
3月前
命令行加载特效 【cli-spinner.js】 实用教程
命令行加载特效 【cli-spinner.js】 实用教程
27 0
|
5月前
|
Web App开发 Windows
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
262 0
|
10月前
|
编解码
解决VScode安装Babel转码器报错:无法将“cnpm“项识别为cmdlet\函数、脚本文件或可运行程序的名称的问题
解决VScode安装Babel转码器报错:无法将“cnpm“项识别为cmdlet\函数、脚本文件或可运行程序的名称的问题
|
12月前
|
前端开发 JavaScript 编译器
【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
716 0
|
移动开发 HTML5
关于VScode不能使用!+tap快速创建HTML模板问题3种解决办法
关于VScode不能使用!+tap快速创建HTML模板问题3种解决办法
关于VScode不能使用!+tap快速创建HTML模板问题3种解决办法
|
Web App开发 存储 JavaScript
chrome插件获取window挂载的属性
chrome插件获取window挂载的属性
electron-vue升级electron到最新的版本后启动不起来,窗口一闪而过。
electron-vue 升级electron到最新的版本后启动不起来,窗口一闪而过。 排查后原因: electron-vue中的集成了很多库 单方面升级了 electron版本,导致了其他库的版本的不匹配 解决: 升级配套库的版本
328 0
|
资源调度 JavaScript Ubuntu
Cypress系列(1)- Window下安装 Cypress 并打开
Cypress系列(1)- Window下安装 Cypress 并打开
333 0
Cypress系列(1)- Window下安装 Cypress 并打开
|
Web App开发 编解码 JavaScript
js检测浏览器及系统信息
js检测浏览器及系统信息
276 0
|
Linux Windows
不支持图形化界面的Linux系统如何显示图像化界面?飞腾服务器显示图像化界面方法,DISPLAY environment variable is undefined问题解决方法
不支持图形化界面的Linux系统如何显示图像化界面?飞腾服务器显示图像化界面方法,DISPLAY environment variable is undefined问题解决方法
758 0
不支持图形化界面的Linux系统如何显示图像化界面?飞腾服务器显示图像化界面方法,DISPLAY environment variable is undefined问题解决方法