1. 测试openssl命令

现在程序员没有不装git的，只要你装过git，你在任何目录敲openssl都会有正确反馈。没装也可以试一试敲一下，万一别的程序帮你装了openssl也可以。

2. 在工程根目录建个文件夹，比如叫cert

命令行定位到这个目录，然后敲3个命令，其中第二个命令会问你N个问题，不用回答，一律回车即可：

openssl genrsa -out privatekey.pem 1024
openssl req -new -key privatekey.pem -out certrequest.csr
openssl x509 -req -in certrequest.csr -signkey privatekey.pem -out certificate.pem

这样cert文件夹会有3个文件。

配置vue.config.js

var fs = require('fs');

  devServer: {
    // 其他配置保持不动
    https: {
      key: fs.readFileSync(path.join(__dirname, './cert/privatekey.pem')),
      cert: fs.readFileSync(path.join(__dirname, './cert/certificate.pem'))
    }
  },

重启工程即可。

虽然chrome会提示证书风险，但是已经承认你的网站已经是HTTPS了。