1、vue-cli3.x 项目
使用vue脚手架3.x搭建的项目,配置开启https方法比较简单,在项目根目录下的vue.config.js文件中增加属性 https: true 即可。
2、vue-cli2.x 项目:
不生成本地证书
生成本地证书
1)在build文件夹下新建 cert 文件夹,在cert目录下打开git bash输入以下命令生成私钥 .key 文件
openssl genrsa -out private.key 1024
2)通过上面生成的私钥文件生成CSR 证书签名,根据要求填写一些相关信息,可一路按回车即可
openssl req -new -key private.key -out csr.key
3)根据上述私钥文件和csr证书签名文件生成证书文件
openssl x509 -req -days 3650 -in csr.key -signkey private.key -out file.crt
4)修改app.js的配置
const opn = require('opn')
const path = require('path')
const express = require('express')
const app = express()
const https = require('https')
const fs = require('fs')
const privateKey = fs.readFileSync(path.join(__dirname, '../bulid/cert/private.key'), 'utf8')
const certificate = fs.readFileSync(path.join(__dirname, '../bulid/cert/file.crt'), 'utf8')
var credentials = {key: privateKey, cert: certificate}
// 开启 https服务
var server = https.createServer(credentials, app)
// app.listen(port) // 开启http
server.listen(port) // 开启https