Vue项目开启https服务并生成本地证书文件

vue 项目开启https服务并生成本地证书文件

步骤:

  1. 在项目的build文件下新建文件夹命名为cert​
    Vue项目开启https服务并生成本地证书文件_第1张图片

  2. 在cert文件内右键打开“git bash”输入3条命令来生成证书

  3. 执行“openssl genrsa -out private.key 1024”命令,生成私钥.key文件
    Vue项目开启https服务并生成本地证书文件_第2张图片

  4. 执行“openssl req -new -key private.key -out csr.key”命令,生成CSR证书签名,然后一路回车键即可
    Vue项目开启https服务并生成本地证书文件_第3张图片

  5. 执行“ openssl x509 -req -days 3650 -in csr.key -signkey private.key -out file.crt”命令,生成证书文件
    Vue项目开启https服务并生成本地证书文件_第4张图片

  6. 最后cert文件夹里面总共含有以下三个文件就代表证书生成成功了
    Vue项目开启https服务并生成本地证书文件_第5张图片

  7. 最后运行项目即可(如果还是不行,可以试着在浏览器内导入证书)

你可能感兴趣的:(vue.js)