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

相关文章
|
Web App开发 JavaScript iOS开发
Xcode9用Safari调试模拟器JS代码显示“无可检查的应用程序”的原因
Xcode9用Safari调试模拟器JS代码显示“无可检查的应用程序”的原因
1148 0
|
4月前
|
JavaScript Windows
Vue加载中(Windows开机动画)
这篇文章介绍了如何创建一个模仿Windows开机动画的自定义Vue Loading组件,支持自定义描述文案、是否循环动画和动画间隔时长。
|
5月前
命令行加载特效 【cli-spinner.js】 实用教程
命令行加载特效 【cli-spinner.js】 实用教程
57 0
|
7月前
|
Web App开发 Windows
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
Windows【Chrome浏览器 02】Auto Dark Mode for Web Contents 无需安装插件开启chrome浏览器黑暗模式
472 0
|
人工智能 JavaScript Linux
基于Three.js的3D自动纹理化开发包
DreamTexture.js 基于 Three.js 和稳定扩散(stable diffusion) AI 模型开发,用于实现 3D 模型的自动纹理化。
110 0
|
前端开发 JavaScript 编译器
【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
【前端异常】vscode:无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称,Cannot find module ”webpack“
1152 0
Magisk模块:Prop修改工具
Magisk模块:Prop修改工具
1506 0
|
Ruby 前端开发
让webStorm支持自动监听编译scss文件
前提概要 今日,重装了两波系统,,,之前安装的各种环境都忘光了,重新又踩一次坑的感觉很不舒服,所以记录一下配置自动编译scss一路遇到的坑 一、webstrom run的时候控制台输出的错误中文提示乱码 试过网上什么该配置文件,什么设置utf-8,,,对于我完全不起作用!最后解决方法是:File -...
1535 0