項(xiàng)目場(chǎng)景：
前端項(xiàng)目使用nuxt框架（基于Vue），采用Webpack打包，部署到服務(wù)器后，進(jìn)行漏洞檢測(cè)。
問題描述
經(jīng)Webpack打包部署到服務(wù)器后，訪問并打開開發(fā)者模式，在Source下出現(xiàn)[name]路徑，內(nèi)部包含(webpack)buildin文件夾。（做漏洞分析時(shí)，會(huì)認(rèn)為該內(nèi)容涉及源碼泄露）
原因分析：
1.首先考慮源碼泄露的問題
打包時(shí)，通常通過配置 productionSourceMap:false 防止源碼泄露問題，一般在對(duì)應(yīng)的config文件中 build 選項(xiàng)進(jìn)行配置。該配置會(huì)阻止生成 .map.js 文件，同時(shí)瀏覽器中不會(huì)出現(xiàn) webpack:// 文件夾（該目錄下包含了所有的前端頁面源碼）。
productionSourceMap是Vue的配置（并非Webpack配置） ，其作用為阻止 .map.js 文件的生成，降低包的大小，防止源碼泄露。
2.nuxt框架默認(rèn)設(shè)置
productionSourceMap:false，排除。
考慮該設(shè)置跟.map.js相關(guān)，是否由于本地代碼中本身就有.map.js文件從而引起的該現(xiàn)象？
文章來源：http://www.zghlxwxcb.cn/news/detail-435120.html
解決方案：
檢查項(xiàng)目中是否存在 .map.js 文件，并將其刪除。
若該文件有被引用，則用其 .min.js 文件替換。（很小概率會(huì)出現(xiàn)代碼中引入了 .map.js 文件）文章來源地址http://www.zghlxwxcb.cn/news/detail-435120.html
到了這里，關(guān)于前端Vue項(xiàng)目webpack打包部署后源碼泄露解決的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
