vue 项目打包后 浏览器 F12 在source 设置不显示 webpack 包防止源码泄露

393 阅读1分钟

情况介绍:

出于风险考虑,webpack打包的生产项目中,在f12的控制台中是可以被看到的,这可能会成为一部分风险,为保险起见,我们需要把webpack打包的内容隐藏起来。 以下是具体操作:

来源引用

来源引用: blog.csdn.net/weixin_5773…

这里的前提是使用vue框架以及使用webpack打包的情况下

实际操作

在vue.config.js中添加

configureWebpack: config => {
   config.devtool = false;
   ...(默认这里有内容,没有内容把这个点点去掉)
},
productionSourceMap: false,
productionSourceMap: false 和 configureWebpack.devtool 同时设置才生效。

src=http---inews.gtimg.com-newsapp_bt-0-14782164257-641&refer=http---inews.gtimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto.webp