Vue生产环境自动屏蔽console；

最新推荐文章于 2024-05-07 15:33:40 发布

北长风

最新推荐文章于 2024-05-07 15:33:40 发布

阅读量1.4k

点赞数 1

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44241153/article/details/127576930

版权

Vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

背景：

在开发中打的log可能会忘记删除导致发上生产版本后有log打出,为了保证生产环境不受这种影响,所以在生产环境时自动屏蔽console;

原理：

在项目初始化的时候判断环境,如果是生产环境则把console的指向替换;

实现：

在main.js里插入以下代码

// 屏蔽console
(function shieldConsole() {
    if (process.env.NODE_ENV == "production") {
        Reflect.ownKeys(console).map(key => {
            if (typeof console[key] == "function") {
                console[key] = () => {};
            }
        });
    }
    return;
})();