【问题解决】发现Web应用程序源代码泄露模式，跳槽面试大厂被拒

AppScan扫描软件的安全报告中，有一类漏洞被描述为：“发现Web应用程序源代码泄露模式”。

该类问题指的是在服务器端，Web应用程序的开发者工具(Devtools)中的Sources面板中可以看到前端build构建之后的相关源代码，包括HTML、CSS和JavaScript。在生产环境中如果能查看前端项目build后的代码，这样会存在泄漏应用程序逻辑以及用户名和密码之类的敏感信息的风险。

2. 解决方案

可以通过对JavScript代码进行混淆和压缩，以减少通过查看源代码来理解它的可能性。混淆能够使得代码变得难以阅读和理解，提升源代码的安全性和难以阅读性。前端项目代码中，目前可以使用插件UglifyJsPlugin混淆Js代码，该插件主要用于压缩JavaScript代码，它会删除空格、注释以及其他不必要的字符，从而减小文件大小，提高加载速度。除了压缩，UglifyJsPlugin还可以对代码进行混淆，这意味它会重命名变量和函数，使代码更难以理解。

在React项目中，需要在webpack.config.js文件中对UglifyJsPlugin进行配置，配置代码示例如下：

const UglifyJsPlugin = require(‘uglifyjs-webpack-plugin’);
const webpackBaseConfig = require(‘./webpack.base.config.js’);

module.exports = {
// …其他Webpack配置…

webpackBaseConfig.optimization.minimizer = [
new UglifyJsPlugin({
cache: true,
parallel: false,//并行优化构建
sourceMap: true,
uglifyOptions: {
output: {
comments: false //删除注释
},
warnings: false,
compress: {
drop_debugger: true,//打包删掉debugger
drop_console: true,//打包删掉console.log
},
mangle:{//使用mangle选项，将变量名和函数名重命名为难以理解的名称，以减少代码的可读性
toplevel: true,//toplevel为true时，可以混淆全局作用域下的变量名
reserved:[‘React’,‘ReactDOM’]//保留不想被混淆的变量名，通常保留React和ReactDOM等全局变量以确保React应用正常运行
}
}
})
]

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数网络安全工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上网络安全知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注网络安全获取）

写在最后

在结束之际，我想重申的是，学习并非如攀登险峻高峰，而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后，持之以恒的学习变得愈发不易，如同在茫茫大海中独自划舟，稍有松懈便可能被巨浪吞噬。然而，对于我们程序员而言，学习是生存之本，是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习，我们便如同逆水行舟，不进则退，终将被时代的洪流所淘汰。因此，不断汲取新知识，不仅是对自己的提升，更是对自己的一份珍贵投资。让我们不断磨砺自己，与时代共同进步，书写属于我们的辉煌篇章。

需要完整版PDF学习资源私我

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**