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

相关文章
|
定位技术
Echarts实战案例代码(10):echarts结合世界所有国家地图数据集geojson的(英文翻译映射)解决方案
Echarts实战案例代码(10):echarts结合世界所有国家地图数据集geojson的(英文翻译映射)解决方案
1172 0
Echarts实战案例代码(10):echarts结合世界所有国家地图数据集geojson的(英文翻译映射)解决方案
|
9月前
|
人工智能 IDE 程序员
GitHub Copilot 免费了!程序员们的福音来了!
《GitHub Copilot 免费了!程序员们的福音来了!》 近日,GitHub 宣布其 AI 编程助手 GitHub Copilot 现在可以免费使用。曾经每月需支付 10 美元订阅费的 Copilot,现在向所有人开放免费版本,这对个人开发者、初学者和小型团队来说是个大好消息。免费版支持 GPT 和 Claude 模型,并提供每月 2000 次代码补全和 50 条聊天消息等核心功能。用户只需注册或登录 GitHub 账户,在 VS Code 中安装扩展并激活免费版即可使用。此外,Visual Studio Code 也完全免费,进一步降低了开发门槛。 除了
10889 7
GitHub Copilot 免费了!程序员们的福音来了!
|
Web App开发 数据采集 移动开发
开发uniapp过程中对app、微信小程序与h5的webview调试
开发uniapp过程中对app、微信小程序与h5的webview调试
1881 1
|
缓存 JavaScript API
Vue-Router路由动态缓存组件(keep-alive),vue2/vue3不同写法
Vue-Router路由动态缓存组件(keep-alive),vue2/vue3不同写法
|
11月前
|
Swift
统一多模态模型来了!智源发布多模态世界模型Emu3!
2024年10月21日,智源研究院正式发布原生多模态世界模型Emu3。
|
监控 安全 网络安全
深入理解SNMP:网络管理的关键协议
【8月更文挑战第31天】
691 1
|
机器学习/深度学习 人工智能 安全
Human Generator:创建人体模型的 AI 工具
Human Generator:创建人体模型的 AI 工具
436 0
|
存储 机器学习/深度学习 自然语言处理
基于 Elasticsearch 向量检索的以文搜图
本实验通过简易快速的阿里云相关组件和开源模型部署,通过1小时的动手实操,搭建基于Elasticsearch向量检索的以文搜图的搜索服务原型。
2784 4
如何查看Mac上的隐藏文件和文件夹
隐藏的文件和文件夹 我们的电脑上,默认情况下会有很多隐藏文件和文件夹。这些文件和文件夹大部分都是一些支撑Mac运行的重要文件,主要是为了防止用户在使用过程中意外将其删除或者修改他们。
如何查看Mac上的隐藏文件和文件夹
|
开发工具 git
git上拉下来的代码怎么切换自己的仓库
当你在网上clone了一个开源项目时,很多人都不知道怎么切换成自己的仓库下面我就来介绍一下方法
536 0