VUE项目安全漏洞扫描和修复

npm audit

1、npm audit是npm 6 新增的一个命令,可以允许开发人员分析复杂的代码并查明特定的漏洞。

2、npm audit名称执行,需要包package.json和package-lock.json文件。它是通过分析 package-lock.json 文件,继而扫描我们的包分析是否包含漏洞的。

3、npm audit命令将项目中配置的依赖项的描述提交到默认注册中心,并要求提供已知漏洞的报告。如果发现任何漏洞,则将计算影响和适当的补救措施。如果提供了fix参数,则修复将应用于包树。

如果没有发现漏洞,该命令将以0退出。

npm audit 返回的漏洞数据来源于https://docs.npmjs.com/cli/v9/commands/npm-audit

vue项目漏洞修复流程

1.扫描你的项目的漏洞,只显示细节,不修复任何东西

javascript 复制代码
npm-audit
  1. 让audit fix安装SemVer-major更新到顶层依赖,而不仅仅是semver兼容的依赖
javascript 复制代码
npm audit fix --force

3、删除nodemodules 重新安装

4、启动服务,不出意外的话,vue.config.js 的配置会有报错。没关系,根据提示解决就可以了

npm outdated

此命令用来检查过时的包

复制代码
npm outdated

此命令将检查注册表以查看当前是否有任何(或特定)已安装的包已过时。

默认情况下,仅显示根项目的直接依赖和配置的工作区的直接依赖。 也可以使用 --all 查找所有过时的元依赖。

在输出中:wanted 是满足 package.json 中指定的 semver 范围的包的最大版本。 如果没有可用的 semver 范围(即你正在运行 npm outdated --global,或者该包未包含在 package.json 中),则 wanted 显示当前安装的版本。

latest 是在注册表中标记为最新的包的版本。 在没有特殊配置的情况下运行 npm publish 将发布带有 latest 的 dist-tag 的包。 这可能是也可能不是包的最高版本,或者是最近发布的包版本,这取决于包的开发者如何管理最新的 dist-tag

location 是包在物理树中的位置。

depended by 显示哪个包依赖于显示的依赖

package type(使用 --long / -l 时)告诉你这个包是 dependency 还是 dev/peer/optional 依赖。 未包含在 package.json 中的包始终标记为 dependencies。

homepage(使用 --long / -l 时)是包的包中包含的 homepage 值

红色表示有更新的版本符合你的 semver 要求,因此你应该立即更新。

黄色表示有高于你的 semver 要求的较新版本(通常是新的主要版本或新的 0.x 次要版本),因此请谨慎操作。

相关推荐
光影少年13 小时前
angular生态及学习路线
前端·学习·angular.js
記億揺晃着的那天15 小时前
Vue + Element UI 表格自适应高度如何做?
javascript·vue.js·ui
无尽夏_15 小时前
HTML5(前端基础)
前端·html·html5
Jagger_15 小时前
敏捷开发流程-精简版
前端·后端
FIN666816 小时前
昂瑞微冲刺科创板:创新驱动,引领射频芯片国产化新征程
前端·安全·前端框架·信息与通信·芯片
GISer_Jing16 小时前
ByteDance——jy真题
前端·javascript·面试
睡美人的小仙女12716 小时前
浏览器为何屏蔽本地文件路径?
前端
真的想不出名儿16 小时前
Vue 中 props 传递数据的坑
前端·javascript·vue.js
FIN666816 小时前
昂瑞微:深耕射频“芯”赛道以硬核实力冲刺科创板大门
前端·人工智能·科技·前端框架·信息与通信·智能
阳光阴郁大boy16 小时前
星座运势网站技术解析:从零打造现代化Web应用
前端·javascript