Vue 报错error:0308010C:digital envelope routines::unsupported

Vue 报错error:0308010C:digital envelope routines::unsupported

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

方法1.打开终端（按健win+R弹出窗口，键盘输入cmd,然后敲回车）并按照说明粘贴这些：

Linux & Mac OS (windows git bash)

export NODE_OPTIONS=--openssl-legacy-provider

windows命令提示符:

set NODE_OPTIONS=--openssl-legacy-provider

方法2.安装vnm及node版本

① 安装nvm管理工具（先关掉360等软件，不然会弹出警告！）
从nvm官网：https://github.com/coreybutler/nvmwindows/releases ，下载：nvm-setup.exe

② 开始进行nvm安装：
(1) 鼠标双击 nvm-setup.exe 文件，选择“我接受…”那一行，点击next

(2) 可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下，如C盘、D盘下的根目录），选好后点击next

(3) 选择node.js的安装位置，可以根据自身情况自定义选择路径盘，路径不要出现空格或中文符号（路径最好是在路径盘的根目录下新建一个文件夹，如C盘、D盘下的根目录）,选好后点击next。(若系统中已经安装node.js，则cmd打开终端，输入where node，查看node的位置，选择此文件目录)

(4) 最后一步，点击install即可安装完成

③ 验证是否安装成功
进入命令控制行窗口（win+R,输入cmd），
输入 nvm -v ,出现版本号即成功。

4.安装node.js
(1) 在命令行输入 nvm ls available 查看可用的node.js版本号

nvm ls available 命令用于列出可以安装的 Node.js 版本。输出的表格中有四列，每一列代表不同的 Node.js 版本类型(部分列表)：

• CURRENT：这一列列出的是 Node.js 的最新稳定版本。这些版本包含了最新的特性和改进，但可能不如 LTS 版本稳定。

• LTS：这一列列出的是 Node.js 的长期支持（Long Term Support）版本。这些版本在一段较长的时间内都会得到维护和支持，适合需要稳定运行环境的生产环境使用。

• OLD STABLE：这一列列出的是 Node.js 的旧的稳定版本。这些版本已经不再是最新的，但在过去的一段时间内，它们曾经是稳定版本。

• OLD UNSTABLE：这一列列出的是 Node.js 的旧的不稳定版本。这些版本在过去的一段时间内，它们曾经是不稳定版本，包含了一些实验性的特性和改进。

若报错：Could not retrieve https://nodejs.org/dist/latest/…
则打开nvm的安装目录，打开settings.txt文件，增加2行,然后保存

node_mirror:https://npm.taobao.org/mirrors/node/
npm_mirror:https://npm.taobao.org/mirrors/npm/

(2) 输入命令行nvm install node版本号 (例如：nvm install 12) 安装node版本

(3) 安装成功后，输入命令nvm use node版本号 使用node版本（如：nvm use 12.22.12）
若报错exit status 1: ��û���㹻��Ȩ��ִ�д˲�����
则权限不够，以管理员身份运行cmd
具体方法：点击电脑左下方搜索->输入cmd->以管理员身份运行（命令提示符）->重新输入nvm use

(4) 验证是否成功
分别输入命令行node -v和npm -v，检验node.js以及对应npm是否安装成功，如果可以显示版本号这说明安装成功。

小窍门：
1.输入命令行 nvm ls 可查看你安装的所有node.js版本号，以及你当前所选择的node.js运行版本

(2) 如果想删除某node.js版本的话，输入命令行 nvm uninstall node 版本号（例如：nvm uninstall 18.18.2）即可删除对应版本

2.重启应用，无0308010C报错

npm run dev

方法3. 在项目package.json文件中增加配置

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