npm audit?
- 是npm 6 新增的一個(gè)命令,可以允許開發(fā)人員分析復(fù)雜的代碼并查明特定的漏洞。
- npm audit名稱執(zhí)行，需要包package.json和package-lock.json文件。它是通過分析 package-lock.json 文件，繼而掃描我們的包分析是否包含漏洞的。
- npm audit命令將項(xiàng)目中配置的依賴項(xiàng)的描述提交到默認(rèn)注冊(cè)中心，并要求提供已知漏洞的報(bào)告。如果發(fā)現(xiàn)任何漏洞，則將計(jì)算影響和適當(dāng)?shù)难a(bǔ)救措施。如果提供了fix參數(shù)，則修復(fù)將應(yīng)用于包樹。
- 如果沒有發(fā)現(xiàn)漏洞，該命令將以0退出。
npm audit 返回的漏洞數(shù)據(jù)來源于 。Github Advisory Database
npm 官方文檔（npm audit）https://docs.npmjs.com/cli/v9/commands/npm-audit
vue2項(xiàng)目漏洞修復(fù)流程
1.掃描你的項(xiàng)目的漏洞，只顯示細(xì)節(jié)，不修復(fù)任何東西
npm audit2. 讓audit fix安裝SemVer-major更新到頂層依賴，而不僅僅是semver兼容的依賴
npm audit fix --force3.升級(jí)后,如果原項(xiàng)目webpack是4，需要升級(jí)到webpack5
- 方案一：需要在package.json 文件內(nèi)devDependencies 手動(dòng)配置webpack 5 以上版本，再次安裝，webpack就更新到5了。
- 方案二：刪除nodemodules 重新安裝，當(dāng)你執(zhí)行 npm audit fix --force后，@vue/cli-service 的版本和依賴webpack的版本都已經(jīng)升級(jí)到5以上了。
4.啟動(dòng)服務(wù)，不出意外的話，vue.config.js 的配置會(huì)有報(bào)錯(cuò)，因?yàn)閣ebpack4和5有一部分的配置不一樣。沒關(guān)系，根據(jù)提示解決就可以了
問題1：找不到j(luò)sonpFunctions?
解決方法：jsonpFunctions 改為?chunkLoadingGlobal
再次啟動(dòng)npm run serve,解決下一個(gè)錯(cuò)誤
問題2：unknown property 'overlay'
?解決方法：webpack5沒有overlay屬性配置了，刪除就可以
再次啟動(dòng)npm run serve,解決下一個(gè)錯(cuò)誤
問題3：Can't resolve 'path'?
?解決方法：resolve: {
? ? ? ? fallback: {
? ? ? ? ? ? ? ? path:?require.resolve("path-browserify")
?????????}
}
還需要安裝插件path-browserify到本地。
?
依此類推！文章來源：http://www.zghlxwxcb.cn/news/detail-456241.html
npm run serve 啟動(dòng)成功。升級(jí)完成文章來源地址http://www.zghlxwxcb.cn/news/detail-456241.html
到了這里，關(guān)于vue項(xiàng)目安全漏洞掃描和修復(fù)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
