Vue项目运行报错Error: error:0308010C:digital envelope routines::unsupported

在Node.js18.16.0版本中,由于默认使用OpenSSL3.0,导致某些依赖旧版cryptoAPI的项目出错。为了解决计算DB哈希值错误、HTTP请求超时等问题,可以设置NODE_OPTIONS环境变量为--openssl-legacy-provider。在package.json的scripts字段中,针对dev和build命令添加此选项,确保Vue项目的正常运行。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在使用Node.js 18.16.0版本运行Vue项目时,出现了以下报错信息:

这是因为在Node 18版本中,默认使用了OpenSSL 3.0及以上的版本,这个版本和之前的版本有所区别,它添加了一些新的特性,但同时也移除了一些旧的特性,从而导致一些依赖老版本的代码无法正常运行。所以,在一些使用了Old Crypto API或者其他OpenSSL相关的有所不同的API的应用程序中,可能龟出现奇怪的问题,比如计算DB哈希值错误,HTTP请求超时或连接以外关闭等等。在这种情况下,我们可以通过设置NODE_OPTIONS环境变量来强制使用旧版本的Crypto API。

package.json文件中添加set NODE_OPTIONS=--openssl-legacy-provider,如下所示:

"scripts": {
    "dev": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
  },

在使用npm run build对项目进行打包的时候,也会出现这个问题,也是同样的解决方法,在package.json文件中修改:

"scripts": {
    "build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
  },

### Vue 项目启动时 OpenSSL 错误解决方案 当使用 Node.js 版本 18 或更高版本运行基于 Vue项目时,可能会遇到 `Error: error:0308010C:digital envelope routines::unsupported` 这一错误。此错误通常是因为 Node.js 升级后默认启用了更安全的加密算法,而某些依赖项可能尚未完全适配这些新标准。 以下是几种常见的解决方法: #### 方法一:降级 Node.js 到兼容版本 如果项目的开发环境支持较低版本的 Node.js,则可以通过工具如 nvm(Node Version Manager)切换到较旧的稳定版本(例如 v16.x)。通过以下命令可以实现节点版本管理: ```bash nvm install 16 nvm use 16 ``` 这种方法能够有效规避因高版本引入的新特性而导致的不兼容问题[^3]。 #### 方法二:设置环境变量以启用遗留 OpenSSl 提供者 对于希望继续使用最新版 Node.js 而又不想修改现有代码的情况,可以在启动脚本前加入特定参数来强制加载旧版 OpenSSL 库。具体操作是在执行构建或服务启动指令之前定义如下环境变量: ```bash export NODE_OPTIONS=--openssl-legacy-provider npm run dev ``` 或者,在 Windows 平台上采用批处理语句形式完成相同效果: ```cmd set NODE_OPTIONS=--openssl-legacy-provider && npm run dev ``` 这种方式无需更改任何源码文件即可快速解决问题[^4]。 #### 方法三:调整 package.json 文件中的脚本部分 另一种持久化上述变更的方法是对 project root 下面的 `package.json` 做适当改动。比如更新 `"scripts"` 字段内的相关内容为下面这样: ```json { "scripts": { "serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" } } ``` 注意这里针对不同操作系统需分别编写适合其语法习惯的形式;Linux/macOS 用户应改用 export 来代替 set 关键字。 以上三种途径均能有效地缓解乃至彻底消除该类异常现象的发生几率。实际选用哪种方式取决于个人偏好以及团队协作需求等因素综合考量决定。 ```python print("成功解决了Vue项目启动时报错的问题") ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值