vue使用https安全连接

  1. 1. 证书生成
  2. 2. VUE配置

vue使用https安全连接

1. 证书生成

使用mkcert进行证书的生成
https://github.com/FiloSottile/mkcert

mkcert -install
# CA 证书位置: ~/.local/share/mkcert/rootCA.pem
mkcert 192.168.1.168
# Cert 和 Key的位置 ./192.168.1.168.pem ./192.168.1.168-key.pem

2. VUE配置

vue.config.js


const path = require('path')
const fs = require('fs')

function resolve(dir) {
  return path.join(__dirname, dir)
}

module.exports = {
  ...
  devServer: {
    port: port,
    https: {
      key: fs.readFileSync(resolve('./certs/192.168.1.168-key.pem')),
      cert: fs.readFileSync(resolve('./certs/192.168.1.168.pem')),
      ca: fs.readFileSync(resolve('./certs/rootCA.pem'))
    }
  },
  ...
}

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 wind.kaisa@gmail.com

×

喜欢就点赞,疼爱就打赏