win7做系统网站哪个好,电商推广合同,响应式网站自助建设,电子商务网页设计与制作实训报告项目背景
被安全测试针对了#xff0c;总是调试我这不太安全的代码。前端代码深度混淆转成十六进制还不行#xff0c;仍然找到加密方法#xff0c;对后端数据进行解密。这次就修改了思路换种方法:
我承认阁下很强#xff0c;但假如, 我是说假如打开控制台是空白页面总是调试我这不太安全的代码。前端代码深度混淆转成十六进制还不行仍然找到加密方法对后端数据进行解密。这次就修改了思路换种方法:
我承认阁下很强但假如, 我是说假如打开控制台是空白页面阁下又该如何应对呢
解决办法
前端代码防止被调试无非就是打开控制台卡住页面不让他往下走。有以下几种办法
1、打开控制台无限debugger
2、打开控制台无限加载
3、打开控制台重定向到新的页面
网上有类似的插件可以使用推荐两个 disable-devtool、console-ban,我这就是用console-ban内部的js文件做的。
console-ban.min.js
将这个文件放到public文件夹下然后再index.html文件里引用
/*!* console-ban v5.0.0* (c) 2020-2023 fz6m* Released under the MIT License.*/
!(function (e, t) {typeof exports object typeof module ! undefined? t(exports): typeof define function define.amd? define([exports], t): t(((e typeof globalThis ! undefined ? globalThis : e || self).ConsoleBan {}))
})(this, function (e) {use strictvar t function () {return ((t Object.assign ||function (e) {for (var t, n 1, i arguments.length; n i; n) {for (var o in (t arguments[n])) {Object.prototype.hasOwnProperty.call(t, o) (e[o] t[o])}}return e}),t.apply(this, arguments))}var n { clear: !0, debug: !0, debugTime: 3e3, bfcache: !0 }var i 2var o function (e) {return ~navigator.userAgent.toLowerCase().indexOf(e)}var r function (e, t) {t ! i ? (location.href e) : location.replace(e)}var c 0var a 0var f function (e) {var t 0var n 1 creturn function () {;(!a || a n) t 2 ((a | n), e(), (t 1))}}var s function (e) {var t /./t.toString f(e)var n function () {return t}n.toString f(e)var i new Date();(i.toString f(e)), console.log(%c, n, n(), i)var ovar rvar c f(e);(o c),(r new Error()),Object.defineProperty(r, message, {get: function () {o()}}),console.log(r)}var u (function () {function e(e) {var i t(t({}, n), e)var o i.clearvar r i.debugvar c i.debugTimevar a i.callbackvar f i.redirectvar s i.writevar u i.bfcache;(this._debug r),(this._debugTime c),(this._clear o),(this._bfcache u),(this._callback a),(this._redirect f),(this._write s)}return ((e.prototype.clear function () {this._clear (console.clear function () {})}),(e.prototype.bfcache function () {this._bfcache (window.addEventListener(unload, function () {}),window.addEventListener(beforeunload, function () {}))}),(e.prototype.debug function () {if (this._debug) {var e new Function(debugger)setInterval(e, this._debugTime)}}),(e.prototype.redirect function (e) {var t this._redirectif (t) {if (t.indexOf(http) ! 0) {var nvar i location.pathname location.searchif (((n t) ? (n[0] ! / ? /.concat(n) : n) : /) ! i) r(t, e)} else location.href ! t r(t, e)}}),(e.prototype.callback function () {if ((this._callback || this._redirect || this._write) window) {var evar t this.fire.bind(this)var n window.chrome || o(chrome)var r o(firefox)if (!n) {return r? (((e /./).toString t), void console.log(e)): void (function (e) {var t new Image()Object.defineProperty(t, id, {get: function () {e(i)}}),console.log(t)})(t)}s(t)}}),(e.prototype.write function () {var e this._writee (document.body.innerHTML typeof e string ? e : e.innerHTML)}),(e.prototype.fire function (e) {this._callback? this._callback.call(null): (this.redirect(e), this._redirect || this.write())}),(e.prototype.prepare function () {this.clear(), this.bfcache(), this.debug()}),(e.prototype.ban function () {this.prepare(), this.callback()}),e)})()e.init function (e) {new u(e).ban()}
})Vue2.6、vue-cli5.0、webpack5
index.html
在index.html内部引入console-ban.min.js
index.html和console-ban.min.js都是同一个public文件夹下
script srcconsole-ban.min.js/script% if (process.env.NODE_ENV production ) { %scriptConsoleBan.init({redirect: about:blank})/script
% } %
Vue3.2、vite.4.4.8
vite不能使用process.env,如果要使用的话需要引入外部插件 vite-plugin-html-env
.env.development
VITE_APP_NODE_ENVdevelopment
.env.production
VITE_APP_NODE_ENVproduction
.env.sit
VITE_APP_NODE_ENVsit
vite-plugin-html-env
pnpm add vite-plugin-html-env -D
vite.config.js
import VitePluginHtmlEnv from vite-plugin-html-envplugins: [VitePluginHtmlEnv(),VitePluginHtmlEnv({compiler: true}),
]
index.html
这个时候index.html已经移到根目录下去了所以需要稍微改一下
script src/console-ban.min.js/scriptscript typetext/javascript vite-if{ VITE_APP_NODE_ENV } developmentConsoleBan.init({redirect: about:blank})/script效果
