记:vite配置https并生成证书

179 阅读1分钟

只记录mac操作

1.vite.config.js 同级创建ssl文件夹

2.进入ssl文件夹
通过控制台输入  openssl genrsa -out local.key 2048  生成私钥文件

3.输入命令生成local.csr 文件
openssl req -new -key local.key -out local.csr 

Country Name 国家名称  中国:cn  必填
Common Name  证书对应域名即本机ip地址  必填
其他直接回车即可



4.生成证书文件  因鸿蒙识别不了crt文件,生成pem文件
openssl x509 -req -days 365 -in local.csr -signkey local.key -out local.pem


5.vite.config.js配置
server: {    host: "0.0.0.0", // 允许局域网访问(必须配置,否则手机无法访问)    https: {      // 配置自签名证书      key: path.resolve(__dirname, "./ssl/local.key"), // 替换为你的 local.key 路径      cert: path.resolve(__dirname, "./ssl/local.pem"), // 替换为你的 local.crt 路径    },  },

6.手机安装证书
设置 → 隐私安全 → 更多安全设置 → 证书与凭据