需求:在生产环境中,禁止使用调试模式,f12禁用,右击禁用
在app.vue中添加代码
created() {
if (process.env.NODE_ENV === "production") {
//监听用户敲击键盘事件
window.addEventListener("keydown", this.handleKeydown);
//阻止右键打开菜单
document.oncontextmenu = function (event) {
event.preventDefault();
};
}
},
methods: {
// 禁用调试模式
handleKeydown(event) {
//如果键盘敲击f12就阻止f12打开,然后弹框提醒
if (event.key === "F12") {
event.preventDefault(); // 阻止F12的默认行为
this.$message("检测非法调试,F12被管理员禁用");
}
},
},