Bootstrap

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

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

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';
        },
    });
}
;