在本地调试时配置localhost的 HTTPS 环境

在本地调试时配置localhost的 HTTPS 环境(使用 Node.js 自签名证书)

1.生成自签名证书

创建证书目录

mkdir ssl && cd ssl

生成私钥

openssl genrsa -out key.pem 2048

生成证书签名请求

openssl req -new -key key.pem -out csr.pem

生成自签名证书（有效期365天）

openssl x509 -req -days 365 -in csr.pem -signkey key.pem -out cert.pem

2.使用自签名证书

// vue.config.js
const fs = require(‘fs’);

module.exports = {
devServer: {
https: {
key: fs.readFileSync(‘./ssl/key.pem’), // 私钥文件
cert: fs.readFileSync(‘./ssl/cert.pem’), // 证书文件
// 可选：CA证书（如果有）
// ca: fs.readFileSync(‘./ssl/ca.pem’)
},
// 其他配置…
}
}