window系统：

方案一：修改启动命令

打开根目录package.json找到 scripts部分：

"scripts": {
  "serve": "vue-cli-service serve",
  "build": "vue-cli-service build"
}

修改为：

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

上面的修改有时候会失效，如果失效，也可以按照下面方法操作：

修改为：

"serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",

还有一种方法，也可以作为备选方案：

安装依赖 cross-env工具

npm install cross-env --save-dev
然后改
"serve": "cross-env NODE_OPTIONS=--openssl-legacy-provider vue-cli-service serve",

重启即可解决。

注意：不要用 npm run serve启动，用鼠标在package,json里的 serve 用鼠标右键点击执行

屏蔽过老的依赖包：

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

方案二：临时解决方法

终端直接运行

# Windows
set NODE_OPTIONS=--openssl-legacy-provider && npm run serve
# Mac/Linux
export NODE_OPTIONS=--openssl-legacy-provider && npm run serve

如果遇见 browserslist警告，解决方法

npx update-browserslist-db@latest

警告就会消失