实习随笔【全局防爬——禁用控制台】

  有一些数据比较重要的项目，往往需要对数据进行保护措施，本文介绍常见策略——全局添加防爬。

1、下载第三方库 disable-devtool

npm i disable-devtool

2、引入并使用第三方库 disable-devtool

import DisableDevtool from 'disable-devtool';


window.DisableDevtool = DisableDevtool;

3、组件中使用

// 判断当前是否为生产环境
isProd = process.env.NODE_ENV === 'production';


// 禁用控制台
if (this.isProd) {
    window.DisableDevtool({
        interval: 2000,
        ondevtoolopen(type, next) {
            window.location.href = 'about:blank';
        },
    });
}