Vue线上环境禁止打印console.log

2024-05-07 20:04

文章标签 vue console log 线上打印禁止环境 javascript frontend

本文主要是介绍Vue线上环境禁止打印console.log，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

当我们在开发项目时，我们会使用大量的console.log，这样方便我们去调试，但是当正常上线后，在生产环境，我们是不喜欢打印的信息暴露在浏览器控制台的。
这时候我们可以通过一行代码解决：

在main.js文件中添加以下代码：console.log = () => {}

其中process.env.NODE.ENV 取得变量具体看我们生产该变量赋了啥值，这里我生产环境该变量赋值devchain，所以在该条件下执行console.log = () => {}该段代码就不会在控制台看到打印日志啦！

这篇关于Vue线上环境禁止打印console.log的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

http://www.chinasem.cn/article/968251。 23002807@qq.com

vue3显示element-plus所有icon

效果代码 <template><div style="display: flex;flex-wrap: wrap"><component :is="name" style="width: 2rem; margin-left: 2rem" v-for="(name,index) in icons" :index="index" :key="index"></component></div>

bimface开发实战-vue版

效果演示地址框架 bimface + vue3.0 代码地址 gitee地址使用 yarn install yarn serve

vue3.0 v-model 的使用

前言组件功能：把 el-switch 的值 false/true, 动态绑定输出为 0, 1 组件代码封装el-switch组件，当el-switch的值为false,输出值为0；当el-switch的值为true,输出值为1； <template><el-switch v-model="switchValue" @change="changeEvent"></el-switch

Vue学习笔记：拦截器

原文地址 Vue可以对http request和http response添加全局拦截，最典型的例子就是在请求头里添加token，和监测是否登录，如果没有登录则跳转到登录页面。 main.js中添加拦截器的代码： 1. request 拦截器 //request 拦截器，在请求头中加tokenaxios.interceptors.request.use(config => {if (lo

css3属性之background-size兼容ie8方案

解决方案在ie8浏览器可能背景图片无法自适应全屏,这时候加入设置filter属性即可解决问题,同时加入height:100 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.bg{background: #EAEAEA;height: 100%;background

docker之安装redis环境

一.下载包拉取最新的redis包 [root@localhost ~]# docker pull redisUsing default tag: latestlatest: Pulling from library/redis8ec398bc0356: Pull complete da01136793fa: Pull complete cf1486a2c0b8: Pull comp

vue cli4之Eslint初使用

一.介绍 ESLint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。在许多方面，它和 JSLint、JSHint 相似，除了少数的例外： ESLint 使用 Espree 解析 JavaScript。ESLint 使用 AST 去分析代码中的模式ESLint 是完全插件化的。每一个规则都是一个插件并且你可以在运行时添加

vue router路由解析

一、前言 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。二、安装 1.安装包 npm install vue-router 2.项目引用在cli4脚手架目录router下index.js中引用 import Vue from 'vue'import VueRouter from 'vue-rou

vue多语言插件vue-i18n

安装vue-i18n npm install vue-i18n -S 使用 1.在main.js中引入vue-i18n import VueI18n from 'vue-i18n'Vue.use(VueI18n) 2.vue-i18n初始化 const i18n = new VueI18n({locale: 'cn', // 默认语言messages}) 3.vue-i

Vue.js之Socket.IO 使用

一.前言在很多需求业务中，都需要浏览器和服务器实时通信来实现功能，比如：扫码登录(扫码后，手机确认登录，PC网页完成登录并跳转)、订单语言提醒等，这些都是建立在两端实时通信的基础上的。对前端而言，来实现浏览器和服务器实时通信，最好的选择就是Socket.IO库，能够快速的实现两端实时通信功能。 1、什么是 Socket.IO? Socket.IO是一个WebSocket库，可以在浏览器和服

Vue线上环境禁止打印console.log

相关文章