终极解决：Error: error:0308010C:digital envelope routines::unsupported

[jvip_chen]

1、报错
启动vue项目，报错如下：
You cannot view this attachment.

2、报错原因
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.

在node.js V17以前一些可以正常运行的的应用程序,但是在 V17 版本可能会抛出这个异常。

3、解决方案
3.1版本降级，解决报错
尝试卸载Node.js 17+版本并重新安装Node.js 16+版本，然后再重新启动

这个方法，测试有效，但我推荐的是第二个办法。

3.2设置参数，解决报错
在执行运行项目命令之前，先运行这个命令：

Linux & Mac OS：

代码 [选择] Expand

export NODE_OPTIONS=--openssl-legacy-provider
windows命令提示符:

代码 [选择] Expand

set NODE_OPTIONS=--openssl-legacy-provider
这样就可以解决了，亲测有效。

唯一不足，是每次启动项目都要运行，所以，我们可以把它配置一下。也就是第三种方法。

3.3 修改配置文件，解决报错（推荐）
根据你的系统类型，选择一个上面的命令，如，我是Mac系统，我就用：

代码 [选择] Expand

export NODE_OPTIONS=--openssl-legacy-provider
然后，找到项目的package.json文件，把自己对应的命令，加上&&，写到启动项目的配置里面（构建写不写都可以），即可。

例1：脚手架

代码 [选择] Expand

"scripts": {
  "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
  "build": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build"
},例2：Vue-Element-Admin

代码 [选择] Expand

"scripts": {
    "dev": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
//略...
  },